[국비지원과정] 웹표준 - HTML

🌏 웹표준(Web Standards)

  • 웹에서 표준적으로 사용되는 기술이나 규칙
  • 표준화 단체인 W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정  
  • 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상 작동해야함을 의미한다.



🖥️ HTML(Hyper Text Markup Language)

1. HTML의 개요

  • HTML : 웹페이지를 만들기 위한 언어, 1990년 발표
  • 웹브라우저 : HTML 소스를 해석하여 화면에 출력시키는 프로그램 (크롬, 인터넷 익스플로러, 엣지 등)


2. HTML 문서의 기본 구조

  • DOCTYPE 선언
    HTML 문서의 버전을 표시.
    웹 페이지의 최상단에 위치하는 태그로, DOCTYPE을 선언하여 웹 페이지가 어떤 버전의 HTML, XHTML을 사용하는지 명시한다.
    ` <!DOCTYPE html>` 은 문서가 HTML5 버전을 지켜 작성된 문서임을 뜻한다.

      <!DOCTYPE html>
      <html>
        <head>
            <meta charset="UTF-8">
            <title>Document</title>
        </head>
        <body>
            <h2>Hello html</h2>
        </body>
      </html>
    
  • HTML 태그의 형식

    //<태그 속성="값">
    <img src = "my.png">
    


3. 기본 태그

<태그> 설명
<br> 줄바꿈(line Break)
<p> 문단 나누기(Paragraph)
<h1> ~ <h6> 제목(Headline)
<hr> 수평선
*특수문자
&quot;
&amp;
&lt; / &gt;
&nbsp;

큰따옴표(“)
앰퍼센드(&)
꺽쇠(< / >)
공백
*리스트
<ul>
<ol>
<li>

번호없는 리스트(Unordered List)
번호있는 리스트(Ordered List)
항목
*테이블
<caption>
<th>
<tr>
<td>
<colspan>
<rowspan>

테이블 제목
테이블의 제목행(Table Header)
테이블의 행(Table Row)
테이블의 셀(Table Division)
셀 병합
행 병합



* 참조 링크
참조1    웹 표준과 웹 접근성
참조2    HTML5 알아보기
참조3    HTML 구조 관련 요소

Categories:

Updated:

Leave a comment