티스토리 뷰

HTML

HTML 번역 04: HTML 요소(elements)

rewriter751 2016. 2. 9. 06:49

HTML Tutorial

- HTML 문서는 HTML 요소로 만들어진다.

HTML 요소

    1. HTML 요소는 시작-태그와 끝-태그, 그 안의 콘텐츠로 쓰인다.  
        - <tagname>content</tagname>  
    2. HTML 요소는 시작-태그와 끝-태그까지의 전부이다.  
          <p>My first HTML paragraph.</p>  
          Start tag  
          Element content  
          End tag  
          <h1>  
          My First Heading  
          </h1>  
          <p>  
          My first paragraph.  
          </p>  
          <br>  
    3. 몇몇 HTML 요소는 끝-태그가 없을 수 있다.

내포된(Nested) HTML 요소

    1. HTML 요소는 그 내부에 요소가 올 수 있다.(요소는 요소를 포함할 수 있다.)  
    2. 모든 HTML 문서는 내포된 HTML 요소로 구성된다.  
    3. 다음 예는 4개의 HTML 요소를 포함하고 있다.  
        - 예  
          <!DOCTYPE html>  
          <html>  
          <body>

          <h1>My First Heading</h1>  
          <p>My first paragraph.</p>

          </body>  
          </html>  
    4. 예 설명  
        - <html> 요소는 문서 전체를 정의한다.  
        - 이것은 시작-태그 <html>과 끌-태그 </html>을 가지고 있다.  
        - 이 요소의 콘텐츠는 다른 HTML 요소(<body>요소)이다.  
          <html>  
          <body>

              <h1>My First Heading</h1>  
              <p>My first paragraph.</p>

          </body>  
          </html>  
        - <body> 요소는 문서 본문을 정의한다.  
        - 이것은 시작-태그 <body>와 끝-태그 </body>를 가지고 있다.  
        - 이 요소의 콘텐츠는 다른 두 개의 HTML 요소(<h1>과 <p>)이다.  
          <body>

          <h1>My First Heading</h1>  
          <p>My first paragraph.</p>

          </body>  
        - <h1> 요소는 헤딩을 정의한다.  
        - 그것은 시작-태그 <h1>과 끝-태그 </h1>을 가지고 있다.  
        - 이 요소의 콘텐츠는: My First Heading.  
             <h1>My First Heading</h1>  
        - <p> 요소는 단락을 정의한다.  
        - 이것은 시작-태그 <p>와 끝-태그 </p>를 가지고 있다.  
        - 이 요소의 콘텐츠는: My first paragraph.  
             <p>My first paragraph.</p>

끝-태그를 잊지 마라

    1. 몇몇 HTML 요소는 끝-태그를 빼먹더라도 화면에 정확하게 표시될 수 있다.  
        - 예  
              <html>  
              <body>

              <p>This is a paragraph  
              <p>This is a paragraph

              </body>  
              </html>  
    2. 위 예는 모든 브라우저에서 정상적으로 보이는데 이는 끝-태그가 선택적이기 때문이다.  
    3. 절대 이에 의존하지 마라. 끝-태그 다는 것을 잊는다면 예상하지 못한 결과나 에러가 발생할 수 있다.

빈 HTML 요소

    1. 콘텐츠가 없는 HTML 요소는 빈 요소라고 불린다.  
    2. <br> 끝-태그가 없는 빈 요소이다(<br> 태그는 강제 개행을 정의한다).  
    3. 빈 요소는 <br />와 같이 열린-태그 안에서 닫힐 수 있다..  
    4. HTML 5는 닫혀진 빈 요소가 필요 없다. 그러나 보다 엄격한 비준을 원하거나 문서가 XML 파서에 의해  
      읽힐 수 있게 만들려고 한다면 당신은 모든 HTML 요소를 닫아야 한다.

HTML 팁: 소문자 태그를 쓰라

    1. HTML 태그는 대소문자를 구별하지 않는다: <P>는 <p>와 같은 의미다.  
    2. 표준 HTML 5는 소문자 태그를 쓰지 않는다. 그러나 W3C는 HTML 4에서 소문자를 쓰기를 추천하였으며,  
      XHTML과 같이 보다 엄격한 문서 유형에서는 소문자를 쓰기를 요구하였다.  
    팁: W3School에서는 항상 소문자 태그를 사용한다.

'HTML' 카테고리의 다른 글

HTML 번역 06: HTML 표제(headings)  (0) 2016.02.14
HTML 번역 05: HTML 속성(attributes)  (0) 2016.02.11
HTML 번역 03: HTML 기본 예(basic examples)  (0) 2016.02.09
HTML 번역 02: HTML 편집기(editors)  (0) 2016.02.09
HTML 번역 01: HTML 소개  (0) 2016.02.09
공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함