[HTML] 기본태그

HTML 기본태그

---

태그 기본 형식과 약식 태그

<태그명 속성="값" 속성="값"...> ....</태그명>

<태그명 속성="값" 속성="값".../>

---

본문 태그 (body)

HTML의 페이지 내용 부 영억 범위를 지정하는 태그이다.

속성: background

배경 이미지(파일 이름이나 URL)를 지정한다.

속성: bgcolor

배경색(색상이나 코드)을 지정한다. 기본은 흰색이다.

속성: text

글꼴 색(색상이나 코드)을 지정한다. 기본은 검은색이다.

속성: link

링크 색(색상이나 코드)을 지정한다.

속성: vlink

방문했던 링크 색(색상이나 코드)을 지정한다.

속성: alink

링크를 클릭하는 순간의 색(색상이나 색상코드)을 지정한다.

---

HTML 주석처리

<!--주석 될 내용부-->

---

영역 구분 태그

&nbsp;는 built-in Entity라고 해서 예약된 특정 값을 의미한다.

<br> 

 한 줄 개행을 표현하는 태그이다.

<p>

문단을 표현하는 태그이다. align 속성을 통해 문단 내부의 Contents에 대한 위치를 지정 할 수 있다.

<h1> ~ <h6>

HeadLine의 글꼴의 크기를 표현하는 태그이다.

글꼴 크기가 큰 순에서 작은 순으로 1~6까지 사용 할 수 있다.

<hr>

구분 선을 표현하는 태그이다. 속성으로 align, color, size, width, noshape을 사용하여 구분 선의 위치, 색상, 크기, 폭, 그림자등의 속성을 지정 할 수 있다.

---

텍스트 태그

<font>

글꼴을 지정하는 태그이다. 속성인 face, colorm size를 통해 글꼴과 색상 및 크기를 지정 할 수 있다.

<b>, <strong>

글자를 굵게 표현하여 강조할 때 사용한다.

<i>, <em>

글자를 기울여 쓰기를 표현 할 때 사용한다.

<sup>

위 첨자를 표현

<sub>

아래 첨자를 표현

<address>

주소를 표현할 때 사용하는 태그

<blockquote>

문단의 들여쓰기를 통해 그 영역에 포함된 글들을 하나의 묶음으로 표현할 때 사용

---

목록 태그

<ol>

ordered list의 약자로 순서를 부여하여 목록을 나열할 수 있는 태그이다. 자식 태그로 <li>를 사용하여 목록을 정의한다. 속성인 type과 start를 통해 목록의 순서로 사용 될 수표현 방식 (숫자, 로마자 등) 과 시작 수를 지정 할 수 있다.

<ul>

unordered list의 약자로 순서 없이 목록을 나열 할 수 있는 태그이다.

자식 태그로는 <ol>과 똑같이 <li>를 사용한다.

속성인 type을 통해 목록 앞에 붙을 문자(disc, circle, square)를 지정 할 수 있다.

<dl>

dictionary list의 약자로 <ul> 태그와 유사하게 순서 없이 목록을 나열 할 수 있으나 자식 태그로 <li> 대신 <dt> 태그와 <dd> 태그를 통해

제목과 설명의 형태로 목록을 구성 할 수 있다.

---

이미지, 사운드, 링크 태그

이미지,사운드,링크 태그는 모두 웹의 리소스를 활용하기 때문에 리소스의 경로를 사용하는 방법을 숙지해야 한다.

경로의 표현 방법은 절대경로와 상대경로 그리고 로컬경로가 있다.

<img>

웹 페이지에서 이미지를 표현하기 위한 태그이다.

gif,jpeg,png 정도로 제한한다.

속성:

src 리소스 위치 / alt  이미지 설명 / align  정렬 /  border 테두리 / height  높이 / width 넓이 / hspace 가로여백 /  vspace 세로여백 

<embed>

사운드를 재생 할 수 있는 태그이다. 

속성:

src 리소스 위치/ autostart  자동시작 여부 / hidden  재생창 숨김 여부 / height 높이 / width 넓이 / loop 반복(숫자, true, false)

<a>

리소스에 대한 링크를 걸 수 있는 태그이다.

속성:

herf  / name / target

리소스의 위치, 페이지 내 위치, 링크 표시 위치(_top _parent _self _blank)를 지정 할 수 있다.