no.1 - HTML 주요 태그 정리

4082 단어 TILhtmlTIL

HTML 주요 태그

1. 기본 태그

<html> 
<head>: 헤드
<title>: 타이틀 (헤드 안의 속함)
<body>: 문서의 본문
	- head 와 body 사이에는 아무것도 들어 갈수 없음
<h1> ~ <h6>: 제목
<p>: 단락
<a>: anchor. 링크를 통해 다른 문서에 연결
<hr>: 수평줄
<br>: 줄바꾸기

2. div / span

<div> / <span> 아무것도 나타내지 않는 콘텐츠 영역(꾸미는 목적)

<div> 
 ● 가로폭을 전부 차지함 (block element)
 ● 폭과 넓이 지정 가능
 ● 박스 형태의 영역으로 설정됨

<span> 
 ● 줄 사이에 끼워 놓는 요소 (inline element)
 ● 주로 컨텐츠 안에 강조하고 싶은 부분에 사용
 ● 크기 설정 불가
 
 ★ 헷갈리는 포인트
  1. 여러 개 나열시
   div는 자동 줄바꿈이 발생
   span은 줄바꿈이 일어나지 않고 가로로 나열
  
  2. 여백 설정(margin)
   div는 4방향 모두 적용 가능
   span은 양옆만 적용 가능

3. ol / ul / li

리스트 관련 태그
<ol>: 순서가 있는 리스트를 생성
<ul>: 순서가 없는 리스트를 생성
<li>: 리스트에 속하는 모든 요소 태그

4. table 생성

<table>: 테이블을 생성하는 태그
<th>: 테이블의 헤더 
<tr>: 테이블의 행
<td>: 테이블의 열

좋은 웹페이지 즐겨찾기