HTML5 기본 태그

 

 

글자 태그

-제목 글자 태그

문서의 제목을 표현할 때 사용

h(heading)

 

h1 첫번째로 큰 제목 글자 생성

h2 두번째로 큰 제목 글자 생성

h3 세번째로 큰 제목 글자 생성

h4 네번째로 큰 제목 글자 생성

 

본문 태그

제목다음에 나오는 본문

문단 하나를 생성

p(Paragraph)

 

br 줄 바꾸기

- 다른 글자 태그 내부에 삽입 가능

hr 수평 줄 삽입능

-다른 글자 태그 내부에 삽입 불가능

---

하이퍼링크 태그

 사용자의 선택에 따라 특정 정보로 이동
a (Anchor)

다른 웹 페이지나 웹 페이지 내부의 특정 위치로 이동
Href (Hyper Reference)

a 태그의 href 속성
절대 경로
       http ://naver.com - 네이버의 메인 페이지
       /bb.jpg - 현재 웹 사이트 최상위 위치의 bb.jpg 파일
상대 경로
       bb.jpg - 웹 페이지가 있는 폴더의 bb.jpg 파일
       image/bbl.jpg - 웹 페이지가 있는 폴더에 포함된 image 폴더의 bb.jpg 파일
       ../bb.jpg - 웹 페이지가 있는 폴더의 상위 폴더에 있는 bb.jpg 파일
아이디 경로
       #name - id 속성이 name인 태그의 위치로 이동
메일 경로
       mailto : daaa@naver.com– 해당 주소로 메일 전송

---

글자 모양 태그

b 굵은 글자

i 기울어진 글자

ins 밑줄 글자

 

 

---

 

 

목록 태그

ul 글머리 기호 목록 생성

li 목록 요소 생성

 

ol 순서 번호 목록 생성

li 목록 요소 생성

---

 

테이블 태그

table 표 삽입

thead 표의 머리 생성

tbody 표의 본문 생성

tfoot 표의 꼬리 생성

tr 표의 행 삽입

th 표의 제목 요소 생성

td 표의 일반 요소 생성

---

이미지 태그

src 이미지의 경로 지정

alt 이미지가 없을 때 나오는 글자 지정

width 이미지의 너비 지정

height 이미지의 높이 지정

 

---

기본 공간 분할 태그

div 블록 형식으로 공간 분할

span 인라인 형식으로 공간 분할

 

시맨틱 태그

시맨틱 웹 :  특정 태그에 의미를 부여한 웹

                    프로그램이 코드를 읽고 의미를 인식

 

header 헤더

nav 내비게이션

aside 사이드에 위치한 공간

section 여러 중심 내용을 감싸는 공간

article 글자가 많이 들어가는 부분

footer 푸터