티스토리 뷰

Web Guides/HTML

01. HTML 소개_HTML 텍스트 기초01

SBDB_뉴유 2022. 1. 23. 13:38

01. HTML 소개_HTML 텍스트 기초01

moz://a에서 운영하는 학습사이트로 우리는 여기서 배워 보도록 하겠습니다.

출처moz://a

제목 및 단락

대부분의 구조화된 텍스트는 이야기, 신문, 대학 교과서, 잡지 등을 읽고 있든 간에 제목과 단락으로 구성됩니다.

제목: <h1> ~ <h6>

6개의 표제 요소가 있습니다. <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

각 요소는 문서에서 다른 수준의 콘텐츠를 나타냅니다.

<h1>은 주제목을 <h2>은 부제목을 <h3>은 그 다음 부제목을 나타내는 식입니다.

단락: <p>

HTML에서 각 단락은 <p> 요소로 래핑되어야 합니다.

예시

<p>단락</p>

코드

<!DOCTYPE html>
<html lang="ko">
<head>
    <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>HTML 텍스트 기초</title>
</head>
<body>
    <img src="../img/html/HTML 텍스트 기초.png" alt="">
    <h3>01. HTML 소개_HTML 텍스트 기초01</h3>
    <p>moz://a에서 운영하는 학습사이트로 우리는 여기서 배워 보도록 하겠습니다.</p>
    <p>출처<a href="https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals" target="_blank">moz://a</a></p>

    <h3>제목 및 단락</h3>
    <p>대부분의 구조화된 텍스트는 이야기, 신문, 대학 교과서, 잡지 등을 읽고 있든 간에 제목과 단락으로 구성됩니다.</p>

    <h3>제목: &lt;h1&gt; ~ &lt;h6&gt;</h3>
    <p>6개의 표제 요소가 있습니다. &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt;, &lt;h5&gt;, &lt;h6&gt;</p>
    <p>각 요소는 문서에서 다른 수준의 콘텐츠를 나타냅니다.</p>
    <p>&lt;h1&gt;은 주제목을 &lt;h2&gt;은 부제목을 &lt;h3&gt;은 그 다음 부제목을 나타내는 식입니다.</p>
    <img src="../img/html/제목.png" alt="">

    <h3>단락: &lt;p&gt;</h3>
    <p>HTML에서 각 단락은 &lt;p&gt; 요소로 래핑되어야 합니다.</p>

    <h4>예시</h4>
<pre class="line-numbers"><code class="language-js">&lt;p&gt;단락&lt;/p&gt;
</code></pre>
    <img src="../img/html/단락.png" alt="">    
</body>
</html>

'Web Guides > HTML' 카테고리의 다른 글

01. HTML 소개_HTML 텍스트 기초02  (1) 2022.01.23
01. HTML 소개_HEAD에 뭐가 들었어?02  (0) 2022.01.23
01. HTML 소개_HEAD에 뭐가 들었어?01  (0) 2022.01.23
01. HTML 소개_HTML 시작하기02  (0) 2022.01.22
01. HTML 소개_HTML 시작하기01  (0) 2022.01.22

UP NEXT : Web Guides/HTML

댓글
© 2018 webstoryboy