(HTML) Tags

• div 태그
  • 가장 기본적인 영역

<div>가장 기본적인 영역</div>

div 기본설정

• p 태그
  • 단락, paragraph 단어의 약자로서 블록의 성질을 가지고 있어서 블록화 되어 있다.

<p>블록화된 텍스트</p>

p 태그

• br 태그
  • 줄 바꿈, 엔터

<br />

br 태그

• span 태그
  • p태그 안에 적기도 하는 태그. 거의 비슷하지만 블록화 된 p 태그 속성과는 다르게 inline 속성을 가지고 있다

<span>인라인 형식의 텍스트</span>

inline 속성

 

• pre 태그
  • p나 span태그와 같다. 결정적인 차이는 작성한 그대로 연출이 되어서 나오게 된다

<pre>입력한 그대로 출력하는 텍스트</pre>

입력한 그대로 출력

• h 제목 태그
  • h1, h2, h3, h4, h5, h6 : h1이 제일 큰 제목 태그, 이후 숫자가 늘어가면서 점점 작아지는 제목을 만들 수 있다 (최대 6)

<h1>h1 제목 태그</h1>
<h2>h2 제목 태그</h2>
<h3>h3 제목 태그</h3>
<h4>h4 제목 태그</h4>
<h5>h5 제목 태그</h5>
<h6>h6 제목 태그</h6>

h 제목 태그들

• img 이미지 태그
  • image의 약자로 사용되는 태그
  • src="이미지의주소, 파일명(source)"
  • alt="img를 정상적으로 출력하지 못했을 때 해당 자리에 출력할 코멘트를 작성해서 알림 해준다"

<img src="이미지주소" alt="이미지 출력 실패 시 보여질 텍스트" />

좌) 이미지 출력 성공 우) 해당 이미지 출력 실패

• strong / b 강조 태그
  • strong 태그 :  텍스트를 굵은 글씨로 강조할 때 사용하는 태그이다. 대게 긴급한 내용이나 알람, 채팅을 쳤을 때 관리자 등 공지사항에 출력되는 텍스트를 강조하기 위해서 사용
  • b : 텍스트 굵기를 강조하기 위해 사용 된다.

<strong>굵은 글씨 강조, 긴급한 내용, 알람 등</strong>

<b>굵은 글씨</b>

글씨(텍스트) 강조 태그