[HTML] 글자, 목록 태그

글자 관련 태그

<pre>
	pre 태그는 여러 칸 띄우기             혹은 줄바꿈 등을 포함하여
        입력한 내용 그대로 표현하는 태그이다.
</pre>

<em>글자를 기울이는 태그</em>
<i>글자를 기울이는 태그</i>

<blockquote cite="https://www.naver.com">인용 문구를 나타내는 태그</blockquote>
<br>
<q cite="https://www.google.com">인용 문구를 나타내는 태그</q>
<br>
<p>
    참고 사이트 : <cite>https://www.daum.net</cite>
</p>

 <mark>형광팬 효과를 나타내는 태그</mark>

<u>글자에 밑줄을 긋는 태그</u>

<s>글자에 취소선을 넣는 태그</s>

<small>글자를 작게 표시하는 태그</small>

<p>
   기본 글자에 <sub>아래 첨자</sub>를 나타내는 태그와 <sup>위 첨자</sup>를 나타내는 태그이다.
</p>

<!-- 글자에 약어를 나타낸 경우 abbr 태그와 title 속성값에 해당 약어의 전체 글자나 설명을 제공해 줄 수 있다. -->
<abbr title="Internet of Things">IoT</abbr>란 각종 사물에 센서와 통신 기능을 내장해 인터넷에 연결하는 기술이다.

<pre>
     <code>
         function add(num1, num2) {
             let sum = num1 + num2;
             console.log(sum);
         }   
     </code>
</pre>

<kbd>ctrl</kbd> + <kbd>x</kbd>

---

목록 관련 태그

<h3>순서있는 목록 태그</h3>
<h4>화면 구현 수업 내용</h4>
<!-- ol>li*4 -->
<ol type="i" reversed start="2">
    <li>HTML5</li>
    <li>CSS</li>
    <li>JavaScript</li>
    <li>jQuery</li>
</ol>

<h3>설명 목록 태그</h3>
<dl>
    <dt>이곳은 목록의 제목을 적는 곳입니다.</dt>
    <dd>이곳은 목록에 대한 설명을 적는 곳입니다.</dd>
    <dd>여러 줄을 작성할 수도 있으며</dd>
    <dt>또 다른 제목을 적어 새로운 목록을 만들 수도 있습니다.</dt>
    <dd>새로운 목록도 설명을 작성할 수 있으며</dd>
    <dd>역시 여러 줄을 작성할 수도 있습니다.</dd>
</dl>