ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML BODY 부분 태그
    이거 공부 했더니 어때?/HTML & CSS & JS 2020. 9. 13. 16:18

    HTML태그는 정보의 구조와 특성을 표현하기 위해 쓰고, 디자인은 CSS로 이용해 줍니다.

     

    • 제목 태그: h태그는 단계별 구획의 제목을 나타내는 태그로, h1부터 h6순으로 (h1> … >h6) 크기 조절가능.
         1) h1은 페이지당 하나만 사용.
         2) 순서는 크기순으로 사용(h1->h2->…->h6순).
         3) 시각적 효과를 위해 사용하지 말 것(디자인은 CSS로).
         4) (제목을 나타내기 위한)정보의 구조를 나타내는 용도로 사용.

    h태그


    • 줄바꿈 태그: 1. br태그, 2. p태그
      1. br태그: break의 줄임말로, 단순 시각적인 줄을 바꾸기 위한 태그(Enter역할).
         1) 닫는 태그가 필요하지 않고, 위치에 상관없이 사용가능.
         2) 여러번 사용하면, 여러줄을 바꿈. 
      2. p태그: 문단(paragraph)태그로, 단순 줄바꿈이 아닌 문단 구분을 위한 태그(정보부여).
         1) CSS에서 사용할 수 있는 단위로 활용.

    줄바꿈 태그


    • 강조 태그: 1. b태그, 2. strong태그
      1. b태그: bold의 줄임말로, 글자를 단순히 굵게 만들어 주기 위한 태그.
      2. strong태그: 글자를 굵게 해 줄 뿐만 아니라, 컴퓨터에게 중요한 정보임을 알려주는 태그(정보적 강조).

    강조 태그


    • 기울임 태그: 1. i태그, 2. em태그
      1. i태그: 단순히 글자를 기울이게 해 주는 태그.
      2. em태그: 글자를 기울여줄 뿐만 아니라, 컴퓨터에게 중요한 정보임을 알려주는 태그(정보적 강조).

    기울임 태그


    • 기타 텍스트 태그: 1. small태그, 2. cite태그, 3. mark태그, 4. sup태그, 5. sub태그, 6. s태그
      1. small태그: 글씨를 작게 해 주는 태그.
      2. cite태그: 저작물의 출처를 표기할 때 쓰는 태그.
      3. mark태그: 사용자가 검색하거나, 관심이 가질만한 단어를 강조할 때 쓰는 태그.
      4. sup태그: superscript, 위첨자의 줄임말로, 거듭제곱이나 서수 등 관례적으로 위 첨자를 넣을 때 쓰느 태그.
      5. sub태그: subscript, 아래첨자의 줄임말로, 화학 기호 등 관례적으로 아래 첨자를 넣을 때 쓰는 태그.
      6. s태그: strike, 취소선의 줄임말로, 단어나 문장을 지우기 위해 금을 그어 주는 태그.

    기타 텍스트 태그


    • 인용문 태그: blockquote태그는 텍스트가 긴 인용문에 사용하는 태그로, 인용문의 출처 url을 값에 넣어줄 수 있다.

    blockquote태그


    • 가로선 태그: hr태그는 주제나 분위기의 전환을 나타내는 태그(단순 밑줄은 CSS로 표현)

    hr태그


    • 이미지 태그: img태그는 image의 줄임말로, 그림을 넣어줄 때 쓰는 태그.

    img태그 속성
    img태그


    • 하이퍼링크 태그: a태그는 anchor의 줄임말로,
      같은 페이지나 다른 페이지의 위치, 파일, 이메일 주소나 그 외 다른 URL로 이동시켜주는 하이퍼링크 태그.

    a태그 속성
    a태그

     

    '이거 공부 했더니 어때? > HTML & CSS & JS' 카테고리의 다른 글

    HTML 디스플레이  (0) 2020.09.14
    HTML 중첩 태그  (0) 2020.09.13
    HTML 태그 구조와 Head부분 태그  (0) 2020.09.11
    HTML이란?  (0) 2020.09.08
    개발자들이 쓰는 언어 이해하기  (0) 2020.09.08

    댓글

Designed by Tistory.