[국비지원과정] 웹표준 - 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> |
수평선 |
*특수문자"&< / > |
큰따옴표(“) 앰퍼센드(&) 꺽쇠(< / >) 공백 |
*리스트<ul><ol><li> |
번호없는 리스트(Unordered List) 번호있는 리스트(Ordered List) 항목 |
*테이블<caption><th><tr><td><colspan><rowspan> |
테이블 제목 테이블의 제목행(Table Header) 테이블의 행(Table Row) 테이블의 셀(Table Division) 셀 병합 행 병합 |
* 참조 링크
참조1 웹 표준과 웹 접근성
참조2 HTML5 알아보기
참조3 HTML 구조 관련 요소
Leave a comment