[HTML] 텍스트 표시

핑구·2022년 7월 17일
0

HTML

목록 보기
2/2

HTML의 기본요소만 간단히 적으려고 한다.

  • 단락
    1) 단락(paragraph)은 (p) 태그로 정의된다.
    2) 단락이란 전체 글을 내용에 따라 나눌 때, 하나하나의 짧은 이야기 토막을 말한다.
    3) 웹 브라우저는 자동적으로 단락의 전후에 빈 줄을 추가한다.

    <p> 이것이 하나의 단락이다. </p>

============================================

  • (pre)태그
    pre태그는 "previously formatted text"에서 나온 용어로, 사용 시 개발자가 입력한 스페이스나 탭, 줄 바꿈이 그대로 유지된다.

============================================

  • 헤딩
    헤딩(heading)은 웹 페이지의 머리기사(headline)이다.
    웹 페이지를 신문이라고 가정하면 헤딩은 신문의 머리기사와 같다.
    헤딩은 (h1)부터 (h6)까지 6개의 태그가 있고, (h1)이 가장 중요한 머리기사이다.

============================================

  • 텍스트 서식
    워드 프로세서에 글자를 두껍게 하거나 이탤릭체로 변환하는 메뉴와 동일하다고 보면 된다.

    태그 : 설명

    • (b)..(/b) : 볼드체로 만든다.
    • (i)..(/i) : 이탤릭체로 만든다.
    • (strong)..(/strong) : 텍스트를 강하게 표시한다.
    • (em)..(/em) : 텍스트를 강조한다.
    • (code)..(/code) : 텍스트가 코드임을 표시한다.
    • (sup)..(/sup) : 위첨자
    • (sub)..(/sub) : 아래첨자

============================================

  • 수평선
    (hr) 태그를 사용하면 수평선을 그릴 수 있다.

============================================

  • 특수문자
    '<'와 '>'같은 문자는 화면에 표시하기 어려운데, 이유는 태그를 표현하기 위해 사용중이기 때문이다

    특수문자 : 설명
    (&)nbsp; : non-breaking space의 약자로 공백 문자 한 개 (&를 넣으면 직접 사용한다고 명시하여 단어가 사라지기 때문에 ()를 제외하고 보면 된다.)
    (&)lt; : <
    (&)gt; : >
    (&)quot; : "
    (&)amp; : &

HTML은 여러 개의 공백이 이웃해 있더라도 하나의 공백으로만 간주한다.
따라서, 불가피하게 여러 개의 공백을 나타내고 싶으면 (&)nbsp를 여러 개 사용한다.

0개의 댓글