html
요소 Element
태그(Tag) + 내용(Content) 으로 구성
<여는 태그> 내용 </닫는 태그>
<빈 요소 />
속성 Attribute
태그에 대한 추가적인 내용을 담음
여는 태그 안에 작성
href
target
src
등등
빈 요소 Empty Element
여는 태그와 닫는 태그로 구성되지 않고 하나의 태그로 끝나는 태그
예_< img /> < br /> < hr /> < input />...
HTML-head, body
html은 계층적으로 작성되어야 한다.
<html>
<head>
<meta>
<link>
</head>
<body>
<div>
<a></a>
<p>
Loem
</p>
</div>
</body>
</html>블록 요소와 인라인 요소
block 요소는 줄바꿈이 들어간다. 한 줄 전체를 차지한다.
inline 요소는 콘텐츠 만큼의 크기를 차지하고 다음 콘텐츠가 바로 뒤에 붙어 온다.
Heading (block)
< h1 > ~ < h6 > 까지 6레벨 (큼 ~ 작음)
순차적으로 사용하는 것이 좋다.
h1 -> h2 -> h3 (O) h1 -> h3 -> h2 (X)
블록 레벨 요소.
P (block)
문단 (Paragraph)
< hr > 구분선
< br > 줄바꿈
과 함께 쓰인다.
줄바꿈 < br > 과 함께 쓰인다. text formetting 글 꾸미기
* 꾸밈 목적
< b > : bold
< i > : itelic
* semantic 의미론적
< strong > : 강조
< em > : 기울임(외국어, 구어체, 인용구문...)
* 기타
< mark > : 마킹(형광펜)
< del > : 취소선
< sub > : 아래첨자
< sup > : 위에첨자
img
빈 요소, src 속성 필수
src(source) 링크 또는 이미지 경로를 적으면 됨.
로컬 경로 /(디렉토리 구분) ./(현재 디렉토리) ../(상위 디렉토리)
a
anchor,앵커,a,하이퍼링크
다른 웹페이지로 이동할 수 있다.
href 속성 필수
title 마우스 hover 시 확인되는 설명. 툴팁.
target 현재창 또는 새창에 연결됭 웹페이지를 띄울 수 있다.
⇨ target="_blank" 새 창 / target="_self" 현재 창(default)
list
ol : 순서가 있는 리스트
ul : 순서가 없는 리스트
li : 리스트 항목
중첩, 교차 작성이 가능하다.
