기본적인 HTML 태그들

HTML에는 수십가지 태그가 있고, 각 태그는 서로 다른 속성을 가지기 때문에 이 모든 것을 한번에 모두 익히기는 어렵습니다. 이 문서는 자주 쓰이는 몇 가지 태그들과 속성을 간략히 소개합니다.

텍스트 레벨 태그들 - a, em, strong

요소들:

• a 요소: HTML에서 가장 중요한 태그를 하나만 꼽자면 문서 사이의 하이퍼링크를 표시할 때 사용하는 a 태그를 꼽을 수 있습니다
• em 요소: 문장의 일부분을 강조(emphasis)할 때 사용합니다
• strong 요소: 강한 강조(strong emphasis)

예시:

  HTML

은 Hypertext Markup Language의 약자입니다. href="http://www.w3.org/People/Berners-Lee/">Tim Berners-Lee가 최초로 고안하였습니다.

단락과 소제목 - p, h1, h2, h3, h4, h5, h6

요소들:

• p 요소: 단락(paragraph)을 표시할 때 사용합니다.
• h1 요소: 최상위 제목
• h2 요소, …, h6 요소: 하위 단계의 소제목들

예시:

HTML 자습서

준비물 준비물은 어쩌고 저쩌고...

HTML HTML은 웹 페이지를 만들 때 사용되는 문서 형식입니다.

CSS CSS는 HTML 등의 마크업 언어로 작성된 문서를 꾸미기 위해 사용합니다.

목록 - ul, ol, li

요소들:

• ul 요소: 순서 없는 목록(unordered list)
• ol 요소: 순서 있는 목록(ordered list)
• li 요소: 목록 안에 담기는 각 항목들

예시:

점식에 뭐 먹을까?

짜장면

탕수육

짬뽕 좋아하는 음식 순서는?

탕수육

짜장면

짬뽕

표 - table, thead, tbody, tr, th, td

요소들:

• table 요소: 표
• thead 요소: 표의 머리 부분(table head)
• tbody 요소: 표의 몸통 부분(table body)
• tr 요소: 표의 각 행(table row)
• td 요소: 표의 데이터가 담기는 블럭(table data)
• th 요소: 열 제목, 행 제목 등 데이터가 아닌 내용이 담기는 블럭(table header)

예시:

  
    


      제목

저자 나의 한국 현대사 유시민 What is History E. H. Carr

미디어 - img, video, audio

요소:

• img 요소: 이미지
• video 요소: 동영상
• audio 요소: 소리

예시:

  문장 중간에
  
    src="http://www.w3.org/Press/Stock/Berners-Lee/2001-europaeum-eighth.jpg"
    width="100" height="60"
    alt="Tim Berners-Lee 얼굴">
  이미지를 넣어보아요.