Published Book on Amazon
 |
All of IOT Starting with the Latest Raspberry Pi from Beginner to Advanced – Volume 1 |
 |
All of IOT Starting with the Latest Raspberry Pi from Beginner to Advanced – Volume 2 |
출판된 한글판 도서
 |
최신 라즈베리파이(Raspberry Pi)로 시작하는 사물인터넷(IOT)의 모든 것 – 초보에서 고급까지 (상) |
 |
최신 라즈베리파이(Raspberry Pi)로 시작하는 사물인터넷(IOT)의 모든 것 – 초보에서 고급까지 (하) |
Original Book Contents
24.3.3 HTML 문법 요약
24.3.3.1 HTML 개요
HTML(Hyper-Text Markup Language)는 인터넷 web 페이지를 정의하는 기본 언어이다. web 페이지는 tag 형태의 HTML 문서 형태로 구성되어 있으며, 인터넷을 통하여 전송되고, web browser를 통하여 표현이 된다. HTML은 web 페이지가 web browser를 통하여 사용자에게 보여질 때, 원하는 그림과 텍스트를 보여주고, 특정 항목에 대해서 지정된 작업을 수행하는 기능을 정의하기 위해서 사용된다.
HMTL tag란 "<tag>" 형태로 정의되는 구분자로서, 각 tag에 대해서 특정한 기능이 부여되어 있다. 특정 tag는 항상 시작과 종료가 정의되며, 그 내부에 다른 tag를 포함할 수 있으며, 그 자체로 다른 tag와 구분된다.
HTML은 두 가지 형식이 있다.
■ <tag />
특정 tag 하나가 시작과 종료를 동시에 표현하면서 독립적으로 정의되는 형태
■ <tag> </tag>
시작 tag와 종료 tag가 짝을 이루어 정의되는 형태
HTML에 대한 상세한 내용은 다음을 참고하기 바란다.
■ http://www.w3schools.com/html/default.asp
24.3.3.2 HTML 구조
HTML로 구성한 web page는 기본적으로 다음과 같은 형태를 가진다.
| <HTML> <HEAD>
</HEAD>
<BODY>
</BODY> </HTML> |
24.3.3.3 HTML 주요 Tag
| 구분 | Tag | 설명 |
| 선언 | <!DOCTYPE > | 문서 문법 및 namespace 선언 |
| <!-- --> | comment | |
| 기본구성 | <html> </html> | html 문서의 시작과 종료를 정의 |
| <head> </head> | html 문서의 기본 정보를 정의 | |
| <body> </body> | html 문서의 본문을 정의 | |
| Header | <title> </title> | html 문서의 제목을 정의 |
| <meta /> | html 문서의 metadata를 정의 | |
| <link /> | 문서 형식을 정의하는 css 문서를 연결 | |
| <script /> | 사용할 script를 정의 | |
| Frame | <frameset> </frameset> | frameset을 정의한다. |
| <frame /> | Frameset 내의 frame을 정의한다. | |
| <iframe> </iframe> | inline frame을 정의한다. | |
| 모양 | <br /> | 새로운 행 |
| <hr /> | 가로 선 | |
| <p> </p> | 문단을 구분 | |
| <div> </div> | 문단의 영역 구분 | |
| <span> </span> | 문단 구분 | |
| <b> </b> | 문장 표시 bold | |
| <i> </i> | 문장 표시 italic | |
| <hn> </hn> | 문구 강조를 위해 1~5까지 텍스트 크기 지정 | |
| <font> </ font > | font를 지정함 | |
| <style> </style> | style 정의 | |
| 목록 | <ul> </ul> | 순서 없는 목록. 번호 없는 목록. |
| <ol> </ol> | 순서 있는 목록. 번호 있는 목록. | |
| <li /> | 번호 있는/없는 목록의 내부 항목 | |
| <dl> </dl> | 정의 목록 | |
| <dt> </dt> | 정의 목록 제목 | |
| <dd> </dd> | 정의 목록 내부 항목 | |
| table | <table> </table> | table의 최상위 tag |
| <th> </th> | table의 제목행의 요소 | |
| <tr> </tr> | table의 행 | |
| <td> </td> | table의 행에 있는 shell | |
| 양식 | <form> </form> | 양식의 최상위 요소 |
| <input /> | 양식의 입력 요소 | |
| link
| <img /> | image 파일 link |
| <a> </a> | url에 link하거나 position을 정의한다. |