2013년 6월 25일 화요일

about HTML Elements




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> 제목이 없는 새로운 구획, 수평선


댓글 없음:

댓글 쓰기