HTML Elements
Element = Opening Tag + Contents + Closing Tag
CSS : 스타일
HTML : 구조
<!DOCTYPE>
<html>
<head> webpage 정보 </head>
<body> blowser에 나타날 내용 </body>
</html>
순으로 구성.
---------------------------------------------------------------------------------
1) <head>에 들어가는 태그
<meta> : 페이지에 관한 정보를 browser에 전달
<title>
<style> : 디자인, UI관련 태그, CSS 파일 형식으로 외부로 뺄 수도 있다.
(<link>태그로 html파일과 연결.)
2) <body>에 들어가는 태그
(1) 블럭태그 (인라인 태그를 내부에 담을 수 있다. 라인 전체를 점유)
<p> 문단 하나, 단락, 내부에 또다른 블럭태그를 쓸 수 없다.
<blockquote> 블럭 인용
<div> 페이지를 논리적인 구간이나 그룹으로 나눌 때(중첩가능), block layout
<ol> 정렬된 리스트
<ul> 랜덤 리스트
<address> 연락처 or 주소
<hx>
(2) 인라인 태그 ( 블럭 내부에만 위치할 수 있는 태그, 라인 속에 삽입 )
<a> 링크, 내부 중첩 불가.(<a>태그 내부에 또 다른 <a> 넣을 수 없다.)
<q> 짧은 인용구
<img> 빈 엘리먼트, 내부 중첩 불가.
<em> 강조하고자 할 때
<strong> 특별한 강조
<span> inline layout
<li>리스트 (<ol>과 <ul>태그 내부에 위치한다.)
(3) 기타
<code> text 코드 보여주기
<pre> 타이핑 형식 그대로 보여주고자 할 때
<br> 라인 브레이크를 만들기 위한 빈 엘리먼트, 줄넘김
<hr> 제목이 없는 새로운 구획, 수평선
댓글 없음:
댓글 쓰기