head - <meta name="">
generator, author, keywords, description
<!-- 페이지를 작성한 프로그램 -->
<meta name="generator" content="VSCode">
<!-- 페이지의 저자 -->
<meta name="author" content="lsy">
<!-- 검색어로 사용, 콤마(,)로 구분하여 여러 단어 입력 가능 -->
<meta name="keywords" content="글자, 태그">
<!-- 페이지에 대한 설명 -->
<meta name="description" content="이 페이지는 글자 관련된 태그들을 공부하는 페이지이다."><body>
제목 지정 태그 : <h>
<!-- 제목을 지정하는 태그 -->
<h1>h1 태그입니다</h1>
<h2>h2 태그입니다</h2>
<h3>h3 태그입니다</h3>
<h4>h4 태그입니다</h4>
<h5>h5 태그입니다</h5>
<h6>h6 태그입니다</h6>
줄 바꿈
줄 바꿈 태그 : <br>
<!-- 줄 바꿈 태그 -->
안녕하세요.<br><br><br>
저는 lsy입니다.
줄 바꾸면서 수평선 넣는 태그 : <hr>
<!-- 줄을 바꾸면서 수평선을 넣는 태그 -->
<hr>
문단 나누기
- 문단 영역을 나누는 태그로는
p태그와pre태그가 있다.
<p> 단락을 구분하는 태그
- p 태그는 문단 영역을 나누는 태그지만
- 한 개의 공백만 표시하며
- ✨줄바꿈 입력을
br태그로 지정해 주어야 한다. - ✨✨여러 개의 공백 :
<!-- 단락을 구분하는 태그 -->
<p>첫번째 단락입니다.</p>
<p>두번째 단락입니다.</p>
<pre>
- 여러 칸 띄우기 혹은 줄바꿈 등을 포함하여 ✨✨입력한 내용 그대로 표현하는 태그이다.
<pre>
pre태그는 여러 칸 띄우기 혹은 줄바꿈 등을 포함하여
입력한 내용 그대로 표현하는 태그이다.
</pre>
폰트랑 크기도 바뀌네???
인용문구 나타내기
<blockquote>
<q>
<cite>
<!-- 인용 문구를 나타내는 태그 -->
<blockquote cite="http://www.naver.com">인용 문구를 나타내는 태그</blockquote>
<br>
<q cite="http://www.naver.com">인용문구를 나타내는 태그</q>
<br>
<p>
참고 사이트 : <cite>http://www.naver.com</cite>
</p>
기타 글꼴
<b>, <strong> : 굵게
<i>, <em> : 기울이기
<u> : 밑줄 긋기
<s> : 취소선
<!-- 기타 글자 관련 태그 -->
<b>글자를 굵게 표시하는 태그</b> <br>
<strong>글자를 굵게 해 강조하는 태그</strong> <br>
<i>글자를 기울이는 태그</i> <br>
<em>글자를 기울여 강조하는 태그</em> <br>
<br>
<u>글자에 밑줄을 긋는 태그</u>
<br>
<s>글자에 취소선을 넣는 태그</s>
<mark> : 형광펜
<small> : 작게
<mark>형광펜 효과를 나타내는 태그</mark>
<br>
<small>글자를 작게 표시하는 태그</small>
첨자 넣기
<sub> : 아래 첨자
<sup> : 위 첨자
<p>
기본 글자에 <sub>아래 첨자</sub>를 나타내는 태그와
<sup>위 첨자</sup>를 나타내는 태그이다.
</p>
약어 표시
<abbr title=""></abbr>
글자에 약어를 나타낸 경우 abbr태그와 title속성값에 해당 약어의 전체 글자나 설명을 제공할 수 있다.
<abbr title="Internet Of Things">IOT</abbr>란 각종 사물에 센서와 통신 기능을 내장해
인터넷에 연결하는 기술이다.
코드 나타내기
<pre></pre> & <code></code>
<pre>
<code>
function add(num1, num2){
let sum = num1 + num2;
console.log(sum);
}
</code>
</pre>
<kbd> : 버튼 모양?
<kbd>ctrl</kbd> + <kbd>x</kbd>
중첩해서 사용해보자.
<p>
태그들은 해당 태그 내에서 중첩으로 사용 가능하다.
<strong>굵은</strong>글자를 사용할 수도 있고
<strong><em>굵고 기울이거나</em></strong>
<s>취소선</s>을 넣는 등 다양하게 사용할 수 있다. <br>
<mark>형광펜</mark>을 넣어 글자를 강조할 수 있다.
</p>
