HTML

HTML

웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어다.
형식:< 태그명 속성명1=”속성값1” 속성명2=”속성값2”> 컨텐츠 </ 태그명>

1. 태그는 컨텐츠를 감싸서 그 정보의 성격과 의미를 정의한다.
2. 열리는 태그가 있으면 닫히는 태그가 있어야 한다.

내용	설명
HT(Hyper Text)	문서와 문서가 링크로 연결
M(Markup)	태그로 이루어짐
distanceField	거리를 출력 할 필드명

태그 종류

명칭	구성	내용
html	< html >... < / html >
head	< head >... < / head >	머리말
meta	< meta... / >	정보에 대한 정보를 알려줌
title	< title >... < / title >	문서제목
body	< body >... < / body >	본문
p	< p >... < / p >	단락, 문단, 절
h1 ~ h6	< h1 >... < / h1 >	제목, 글자크기, 중요도 우선순
hr	< hr >	단락구문, 문서의 구분선
주석태그	< !-- -- >	주석
br	< br/ >	break, 줄바꿈을 해줄때
div	< div >... < / div >	HTML문서 영역이나 섹션의 분할을 정의
span	< span >... < / span >	줄바꿈, 폭, 높이 적용 X, 인라인 요소들을 그룹화
table	< table >... < / table >	표
caption	< caption >... < / caption >	summary역할, css에서 안보이게함
thead	< thead >... < / thead >	테이블 헤더 행 그룹
tbody	< tbody >... < / tbody >	테이블 내용 행 그룹
tfoot	< tfoot >... < / tfoot >	테이블 아래에 위치, tbody위에 있어도 화면상에서 아래에 위치
th	< th >... < / th >	셀 제목으로 지정하여 강조되게 표시하는 태크
tr	< tr >... < / tr >	테이블 내의 한 행을 정의
td	< td >... < / td >	각 행에 포함된 셀을 만들때 사용되는 태므
ol	< ol >... < / ol >	ordered list, 순서가 잇다. 앞에 넘버링이 붙는다
ul	< ul >... < / ul >	unordered list, 순서가 없다. 앞에 기호가 붙는다.
li	< li >... < / li >	ol.li의 세부 항목, ol과ul의 자식으로 li만 올 수 있다.
a	< a href="주소" target="" >... < / a >	href: 목적지 url, target: 보여질 위치
img	< img src="" alt="" />	src: 경로 지정, alt: 이미지를 위한 대체 택스트
input	< input / >	입력 상자. 여러 옵션 존재
button	< button >... < / button >	버튼 생성. 유일하게 css값을 가지고 있는 태그

HTML 예시

• 기본 태그

• table 만들기

• Input, Button

• Image,a

---

내용 참조: 생활코딩
내용 참조: egloos

코드에 문제가 있거나 궁금한 점이 있으면 wjddyd66@naver.com으로 Mail을 남겨주세요.