<스파르타1주차> HTML 기본 태그

김경수·2022년 4월 5일

스파르타 웹개발종합반

목록 보기

1/12

title 태그는 페이지의 title 을 나타내는 태그로 head태그 안에 위치

<head>
    <title>HTML 기초</title> 
</head>

div 태그는 division의 약자로 구역을 나눌 때 사용

<div>_구역을 나누는 태그_</div>

p 태그는 paragraph의 약자로 문단을 나눌 때 사용

<p>_문단을 나누는 태그_</p>

ul 태그는 unorderd list의 약자로 순서가 필요 없는 목록을 만들 때 사용

<ul>
    <li> </li>
    <li> </li>
</ul>

ul 태그를 사용하면 아래와 같은 목록이 생성됨

ol 태그는 ordered list의 약자로 순서가 필요한 목록을 만들 때 사용

<ol>
    <li> </li>
    <li> </li>
</ol>

ol 태그를 사용하면 아래와 같은 목록이 생성됨

<h1>h1</h1> h1은 제목
<h2>h2</h2> h2는 소제목
<h3>h3</h3> h3~h6까지 제목 태그, 숫자가 커질수록 글씨 크기가 작아짐

hr 태그는 수평선을 뜻하는 A horizontal rule의 약자로 가로선을 넣을 때 사용

<hr>

span 태그는 특정 글자를 꾸밀 때 사용

span 태그는 특정 <span style="color:red">글자</span>를 꾸밀 때

a 태그는 <a href="http://naver.com/"> 링크를 연결할 때 </a>

img 태그는 이미지를 삽입할 때 사용

img 태그는 <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />

input 태그는 입력 상자를 만들 때 사용

input 태그는 텍스트 상자를 만들 때 사용 <input type="text" />

button 태그는 버튼 상자를 만들 때 사용 버튼입니다

button 태그는 버튼 상자를 만들 때 사용</button>

textarea 태그는 텍스트 영역을 넣을 때 사용

textarea 태그는 텍스트 영역을 넣을 때 사용 <textarea>나는 무엇일까요?</textarea>

Today I Learned

각 태그를 목적과 상황에 맞게 사용할 것!

개발은 1도 모르는 직장인의 개발자로 거듭나기