[HTML, CSS 기초] 글자태그(b, strong)와 리스트태그(ul, ol, li)

 

HTML 문서에서 텍스트를 굵게 표현하고 싶을 때에 <b>태그(bold text)나 <strong>태그를 사용합니다.

    <!-- b태그 : 다른 텍스트와 구별할 때 사용-->
    <b> b태그 </b>
    <p> p태그 </p>
    <!-- strong 태그 : 음성에서 중요한 문구를 강조하는 태그 
    b태그, strong태그 둘다 웹페이지에서 볼드 표시됨 -->
    <strong> strong 태그 </strong>

 

결과 화면

 

---

HTML 리스트(List)

<ul>태그에 포함되는 각각의 리스트 요소는 <li>태그로 시작합니다. 

각각의 리스트 요소 앞에는 기본 마커(marker)로 검정색의 작은 원(bullet)이 위치합니다.

<ol>태그에 포함되는 각각의 리스트 요소는 <li>태그로 시작합니다.

각각의 리스트 요소 앞에는 기본 마커로 아라비아 숫자가 위치합니다.

<ol>태그 속성 type을 이용하면 알파벳이나 로마 숫자 대문자, 소문자 등을 사용할 수 있어요!

    <!-- ul, ol 태그는 안에 li 태그로 작성함-->
    <!--ul 태그 : 점으로 구분-->
    <ul>
        <li> 실제 데이터 작성 공간 </li>
        <li> 실제 데이터 작성 공간 </li>
    </ul>

    <!--ol 태그 : 번호로 구분
    type 으로 번호 유형 변경 -->
    <ol type="a">
        <li> 실제 데이터 작성 공간 </li>
        <li> 실제 데이터 작성 공간 </li>
    </ol>
    
    <ol type="1">
        <li> 실제 데이터 작성 공간 </li>
        <li> 실제 데이터 작성 공간 </li>
    </ol>

 

 

결과 화면