HTML 4일차 공부

Programming Language/HTML | CSS | JS

HTML 4일차 공부

chaerlo127 2022. 1. 10. 18:36

1. HTML Text Formatting

<!DOCTYPE html>
<html lang="eng">
    <head></head>
    <body>
        <p> <b> hello</b></p>
        <p> <strong> hello</strong></p>
        <hr>
        <p><i>hello</i></p>
        <p><em>hello</em></p>
        <hr>
        <p><sub>hello</sub> <mark> how are you</mark><sup> Web Programming</sup></p>
        <hr>
        <p><small>it's small font</small></p>
        <hr>
        <p><del>delete</del> <ins>font</ins>  </p>
    </body>
</html>

<복습>

: 기울기, 주위 구분
: 강조하고 싶을 때
: 굵기 굵게
: 중요한 부분 굵게
: 형광펜 , 중요한 부분
<del></del> : 지우기
<ins></ins> : 줄 긋기

2. HTML Quotations[인용문]

<!DOCTYPE html>
<html lang="eng">
    <head></head>
    <body>
        <h1>HTML studying</h1>
        <!-- blockquote -->
        <blockquote cite="https://monynony0203.tistory.com/17?category=1033374"> html study </blockquote>
        <!-- quote -->
        <p>hello, <q>html study</q></p>
        <!-- abbr -->
        <p> <abbr title="Structured Query Language">SQL</abbr></p>
        <!-- address -->
        <address>
            Written by John Doe.<br>
        </address>
        <!-- cite -->
        <p><cite>Monarisa</cite> by Leonardo da Vinci</p>
        <!-- left to right -->
        <bdo dir="ltr">This line will be written from right to left</bdo>
        <!-- rigth to left -->
        <bdo dir="rtl">This line will be written from right to left</bdo>
    </body>
</html>

<blockquote></blockquote> : 인용 블럭, cite: 인용문 출처
<q></q>: 짧은 인용문
<abbr></abbr>
<address></address> : 태그는 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시할 때 사용, 해당 문서의 연락 정보
<cite></cite>책이나 음악, 영화, 예술 작품 등과 같은 창작물의 제목을 정의
<bdo></bdo> Bi-Directional Override, 자식 요소의 텍스트 방향성(text directionality)을 정의할 때 사용

저작자표시