태그 활용법

텍스트 태그
폰트를 굵게 처리 방법1 <storng>굵은 글씨</strong> , <b>굵은 글씨2</b> 폰트를 얇게 처리 방법 <p style="font-weight: lighter;">얇은 글씨</p> 폰트 컬러 설정 <p style="color: #FFEB3B">#컬러값 넣어주기</p> 띄어쓰기는 &nbsp 넣어주거나 공란(스페이스)로도 할 수 있음 br은 줄 바꿈을 가진 형식화된 텍스트를 표현
굵은 글씨
<p>그 치킨의 가격은 <strong>20,000원</strong>이었지만, <b>매우 맛이 없었습니다.</b></p>

그 치킨의 가격은 20,000원이었지만, 매우 맛이 없었습니다.

텍스트 컬러 지정
<p style="color:#ff5722;">조약돌이 날아왔다. 소년은 저도 모르게 벌떡 일어섰다.</p>

조약돌이 날아왔다.소년은 저도 모르게 벌떡 일어섰다.

띄어쓰기
<p>조약돌이 날아왔다. &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp 소년은 저도 모르게 벌떡 일어섰다.</p>

조약돌이 날아왔다.      소년은 저도 모르게 벌떡 일어섰다.

줄바꿈
<p>조약돌이 날아왔다.<br>소년은 저도 모르게 벌떡 일어섰다.</p>

조약돌이 날아왔다.
소년은 저도 모르게 벌떡 일어섰다.

이미지 태그

<img src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

주소 태그

<address> <p><a href="mailto:author@example.com" >메쎄이상</a></p> <p>서울 특별시 마포구.</p> <p>010-1234-5678</p> </address>
메쎄이상서울 특별시 마포구.010-1234-5678

이미지/ 텍스트 정렬

왼쪽 정렬
<img style="text-align:left;" src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

가운데 정렬
<img style="text-align:center;" src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

오른쪽 정렬
<img style="text-align:right;" src="image.jpg" alt="이미지의 묘사 내용" /> 즐거운 여름 휴가

카카오 캐릭터
즐거운 여름 휴가

링크 태그

<a href="링크주소" target="_self(현재창), _blank(새창), _new(새창)"></a> Link Text

더 많은 정보를 보시려면 뉴스에서 확인가능합니다.

Link Text
a 요소는 웹 페이지와 웹 페이지를 서로 연결하는 중요한 요소 페이지이동
더 많은 정보를 보시려면 뉴스에서 확인가능합니다.