안녕하세요. 키미추입니다.
티스토리 블로그에서 HTML 에디터 사용하는 방법에 이어 태그에 대해(기초편)을 알려드리려고 합니다.
1.태그란 무엇인가?
HTML은 웹 페이지의 표준 마크업 언어입니다.
HTML을 사용하면 자신의 웹사이트를 만들 수 있습니다.
태그는 HTML에서 사용되는 명령어,언어입니다.
2.태그는 어떻게 사용하는가?
모든 태그는 시작 태그와 일부 콘텐츠 그리고 종료 태그로 정의됩니다.
태그는 사용할때 순서가 중요합니다.
여는 태그 : <b>
닫는 태그 : </b>
예를 들어, B(글자 굵게)이라는 태그를 사용하려고 합니다.
<b> 글자 굵게 하는 B태그 사용! </b> |
다른 예시, <p> 단락 태그는 P를 사용 </p> |
먼저 여는 태그를 맨앞에 써주고, 내용 맨 끝에는 닫는 태그를 써줍니다.
간단히 말해 내용 앞뒤로 여는 태그와 닫는 태그를 써주면 됩니다.
물론 HTML이 적용되는 에디터에서 태그를 써줘야 적용됩니다.
티스토리 블로그는 HTML 에디터 모드를 지원해서 블로그를 다채롭게 활용할 수 있는 장점이 있어요.
3.내 티스토리 블로그에 태그를 적용해보고 싶어요!
이전 글에서 티스토리 HTML 에디터 사용하는 방법(기초편)에 대해 다루고 있으니 참고해보시면 좋을 것 같아요^^
엮인글★★★★★ (키미추의 HTML-기초편)티스토리 블로그 HTML 모드 사용하는 방법 |
4.태그 소개
블로그에서 함께 사용해보면 좋을 태그 몇가지 소개드려요.
<a href="링크주소"></a> | 링크 태그입니다. 현재 창에서 열립니다. "링크주소"란에 링크 주소를 바꿔서 사용해요. |
<span style="font-size: 23px;">글자 사이즈</span> | 글자 사이즈를 보다 미세하게 조정할 수 있어요. ±1px 단위로 사용하면 돼요. |
<div style="background-color: lightblue;"></div> | 배경색을 만들어주는 코드입니다. lightblue 대신 원하는 색상 코드,이름을 쓰고 사용하면 됩니다. |
'HTML' 카테고리의 다른 글
[Html-기초편] 티스토리 HTML 에디터 사용하는 방법 (0) | 2022.04.10 |
---|---|
[Html] 컬러감이 좋은 그라데이션① hex-color 모음 (7) | 2020.12.26 |
[Html] 표,테이블(Table) 꾸미는 방법2 & 예제 (8) | 2020.12.02 |
[Html] 표,테이블(Table) 꾸미는 방법 (3) | 2020.11.29 |
[Html] a태그 링크 정리(새창으로 열기,현재창으로 열기) (6) | 2020.11.23 |