728x90
반응형
SMALL
안녕하세요.
https://blog.naver.com/sysysy0302 여니입니다 :
<!DOCTYPE html>
<!-- 현재 문서가 HTML형식 문서임을 선언 -->
<html lang="ko">
<!--
html 문서의 시작과 끝을 표시해주는 태그
lang 속성은 이 문서가 어느 나라 언어로 표시되어있는지 알려줌
-->
<head><!-- 태그는 대소문자 관계 없으나, 소문자사용하는게 관례-->
<!--
머리부 : 해당 문서의 각종 정보와, 제목, 설명 및 스크립트
시트(css)의 링크를 선언하는 구문
<title>, <meta>, <link>, <style>, <script>
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>글자관련태그</title>
</head>
<body>
<!--
몸통부 : 화면에 출력해서 보여주는 모든 정보/내용을 작성하는 구문
-->
<h1>
h1 태그입니다.
</h1>
안녕하세요 <br><!-- 줄바꿈 태그 -->
반갑습니다.
<br><br>
안녕히가세요<br>
<h1>
h1 태그입니다.
</h1>
<h2>h2 태그입니다.</h2>
<h3>h3 태그입니다.</h3>
<h4>h4 태그입니다.</h4>
<h5>h5 태그입니다.</h5>
<h6>h6 태그입니다.</h6>
<h7>존재하지않는 태그는 일반글꼴 적용</h7>
<!-- h${h$ 태그입니다}*6 달러표시,곱하기 1~6까지 자동 추가 -->
<!-- <h1>h1 태그입니다</h1>
<h2>h2 태그입니다</h2>
<h3>h3 태그입니다</h3>
<h4>h4 태그입니다</h4>
<h5>h5 태그입니다</h5>
<h6>h6 태그입니다</h6> -->
<hr><!-- 가로로 구분선, 수평선을 긋는 태그-->
<p>
문단 영역을 나누는 태그로는 p태그와 pre태그가 있다.(h태그 포함)
단, p태그는 줄바꿈입력을 별도의 태그로 지정해야한다.<br>
그리고 공백은 한개의 공 백만을 표시한다.
그러면 공백을 여러개 포함시키고 싶다면? 기호문구로 작성
기 호 문 구
</p>
<pre>
pre태그는 여러 공백을 인식 할 수 있다.
줄 바꿈 등을 포함하여 입력한 내용을 있는 그대로 표현하는데 특화된 태그
</pre>
<hr>
<h3> 그 밖의 글자를 다루는 태그들</h3>
일반 글꼴(태그로 감싸지지 않은 텍스트)
<br><br>
<b>b : 글자를 굵게 표시하는 태그</b>
<br><br>
<strong>strong : 글자를 굵게 표시하는 태그</strong>
<br><br>
<em>em : 글자를 기울여서 표시하는 태그</em>
<br><br>
<i> i : 글자를 기울여서 표시하는 태그</i>
<br><br>
<mark>mark : 형관펜</mark> 효과를 주는 태그
<br><br>
<u>u : 글자에 밑줄이 그어지는 태그</u>
<br><br>
<s>s : 글자에 취소선을 넣어주는 태그</s>
<br><br>
<strike>strike : 글자에 취소선을 넣어주는 태그, 권장안하는 태그</strike>
<br><br>
<small>small : 글자를 작게 표현해주는 태그</small>
<br><br>
<big>big : 글자를 크게 표현해주는 태그, 권장안함</big>
<br><br>
<abbr title = "Interne Of Things">IOT</abbr>란 각종사물에 센서와 통신기능을 내장해 인터넷에 연결하는 기술이다.
<br><br>
<!--
abbr : 단어의 축약형이나 머리글자로만 된 단어를 정의할 때 쓰는 태그
마우스 커서를 가져다대면 title이라는 속성의 속성값이 보여짐
-->
sub : 기본글자에 <sub>아래첨차</sub>를 나타내는 태그
<br><br>
sup : <sup>윗첨자</sup> 를 나타내는 태그
<br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<h3>글자 관련 태그 응용1</h3>
<p>
태그들은 해당 태그내에서 중첩으로 사용 가능하다.
<b>굵은</b>글자를 사용할 수도 있고, <i>기울이거나,
</i><s>취소선</s>을 넣는 등 다양하게 사용할 수 있다.
<br>
<mark>형관펜</mark>을 넣어 글자를 강조할 수 있다.
</p>
<hr>
</body>
</html>
728x90
반응형
LIST
'VsCode(HTML) > 1. HTML' 카테고리의 다른 글
| VsCode(HTML) - 표관련태그 (0) | 2023.07.06 |
|---|---|
| VsCode(HTML) - 목록관련태그 (0) | 2023.07.06 |
| VsCode(HTML) - html 기본틀 만들기 외 입력, 생성 단축키 모음 (0) | 2023.07.02 |