HTML TAG의 종류

HTML TAG에는 많은 종류가 있다.

​

1. 타이틀 <title> </title>

태그에 들어갈 내용은 여는 태그와 닫는 태그 사이에 쓴다.

타이틀 태그에 쓰는 내용은 브라우저의 타이틀 바에 표시된다.

​

2. 문단제목 <h1> ~ <h6>

문단의 제목을 쓸때 사용하며 <h1>이 가장크고 <h6>가 제일 작다.

​

3. 툴팁 달기 ,title 속성

페이지의 본문에 마우스가 올라갈떄 설명문(툴팁)이 출력되게 할 수 있다.

툴팁 문자열은 태그의 title 속성에 지정하며 모든 태그는 title 속성을 가질 수 있다.

1번의 title 태그가 아니라 속성으로 사용하는것이다.

​

ex)

<h1 title="h1태그로 작성하였습니다.">1장 홈페이지</h1>

이 태그는 1장 홈페이지 라는 글이 웹페이지에 나타나고 마우스를 올리고 있으면 h1태그로 작성하였습니다. 라는 글이 나타나게 된다.

​

4.여러가지 태그들

​

단락나누기 <p></p>

수평선 긋기 <hr></hr> <!--horizontal-->

새로운 줄로 넘어가기 <br></br>

개발자 포맷 그대로 출력 <pre></pre>

진하게 <b></b>

중요한 표시 <strong></strong>

이탤릭 <i></i>

강조 <em></em>

이텔릭으로 강조 <i></i>

진하게 이텔릭으로 강조 <b><i> </i><b/>

한단계 작은 글자 <small></small>

삭제 (취소선) <del></del>

추가(언더바) <ins></ins>

윗첨자 

아래첨자 

하이라이트 <mark></mark>

​

5. 블록 태그와 인라인태그

​

1) 블록태그 : <p>,<h1>, <div>, <ul>

2) 인라인태그 :<strong>, <a>, <img>, <span>

​

블록태그는 항상 새 라인에서 시작한다. 브라우져의 왼쪽끝에서 오른쪽 끝까지 블록 공간을 차지한다. 반대로 인라인태그는 블록안에서 블록 콘텐트의 일부를 표현하는데 사용한다.

​

※<div> 태그는 블록을 구성하기 위해 <p> 태그와 함께 가장많이 사용된다. <p>태그는 문단을 만들기 위해 사용되지만, <div>는 특별한 의미없이 여러 html 태그들을 블록으로 묶는 컨테이너로 이용된다. 학원강사님 말씀으로는 html5로 바뀌면서 <div>를 너무 남발하는 코드는 그렇게 좋은 코드는 아니라고 한다.