[HTML] 6.HTML nav, ol, option, span, strong

1. HTML nav

 

HTML <nav> 태그는 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 태크로 메뉴, 목차, 색인을 구현하는 태그입니다.

<nav class="crumbs">
      <ol>
         <li class="crumb"><button id="btn">분류 전체보기</button></li>
         <li class="crumb"><button id="webHTML">웹/HTML</button></li>
         <li class="crumb">1.HTML의 탄생</li>
      </ol>
</nav>
 
    <h1>1.HTML의 탄생</h1>

    <p>HTML은 1981년 하이퍼 텍스트 마크업 언어로 탄생한 언어다</p>

 

2.HTML Ol 요소

 

HTML <ol> 요소는 목록을 정렬할때 사용합니다. 보통 숫자 목록으로 표현합니다.

<ol>
     <li>Number1 li</li>
     <li>Number2 li</li>
     <li>Number3 li</li>
     <li>Number4 li</li>
     <li>Number5 li last station</li>
</ol>

 

로마 숫자로도 표기할 수 있습니다.

<ol type="i">
   <li>Construct</li>
   <li>Style</li>
   <li>Former</li>
</ol>

 

start 특성 사용하기

<ol start="3">
    <li>third</li>
    <li>four</li>
    <li>fifth</li>
</ol>

 

중첩 목록

<ol>
    <li>first</li>

    <li>second list
        <ol>
            <li>second list first</li>
            <li>second list second</li>
            <li>second list third</li>
        </ol>
    </li>

    <li>third list</li>
</ol>

 

3.HTML Option

 

HTML option 요소는 팝업메뉴 등 목록에 여러 항목을 나타낼때 사용합니다.

 

 <label for="pre-select">선택해주세요:</label>

 <select id="pre-select">
      <option value="">--선택하기--</option>
      <option value="adventurer">모험가</option>
      <option value="archer">궁수</option>
      <option value="mage">마법사</option>
</select>

 

4.HTML Span

 

HTML span 요소는 구문 콘텐츠를 위한 통용 인라인 컨테이너로, 본질적으로 아무것도 나타내지 않지만, 스타일을 적용하기 위해서, 또는 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용합니다.

 

 <p>
        Add the <span class="color">Apple</span>, <span class="color">banana</span>, <span class="color">choco</span>
        fist direct
 </p>
    
<style>
    .color {
        color:red;
    }
</style>

 

5.HTML strong

 

<strong> 태그는 HTML에서 가장 중요성, 중대한 내용임을 강조할때 사용합니다.

<p><strong>강력한</strong> 태그</p>

 

 

 

HTML: Hypertext Markup Language | MDN

 

GitHub - HTML5-STR/html-bloging: https://thinky.tistory.com/category/%EC%9B%B9/HTML