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 Summary of HTML Syntax
24.3.3.1 HTML Overview
HTML (Hyper-Text Markup Language) is a basic language to define Internet web page. A web page consists of HTML document in the form of a tag, is transmitted via Internet, and expressed through a web browser. HTML is used to display a desired picture and text and to define function to perform a specified operation on a specific item when a web page is displayed to a user through a web browser.
HMTL tag is a delimiter defined in the form of "<tag>", and each tag has a specific function. A certain tag has always definition about beginning and ending, and can contain other tags within it, and are themselves distinct from other tags.
There are two forms of HTML.
■ <tag />
This is a form in which a tag represents both beginning and ending and is defined independently.
■ <tag> </tag>
This is a form in which start tag and end tag are defined in pairs.
For more detailed information on HTML, please refer to the followings:
■ http://www.w3schools.com/html/default.asp
24.3.3.2 HTML Structure
A web page composed of HTML has the following form basically.
| <HTML> <HEAD>
</HEAD>
<BODY>
</BODY> </HTML> |
24.3.3.3 major HTML Tag
| Category | Tag | Description |
| Declaration | <!DOCTYPE > | Declare Document type and namespace |
| <!-- --> | Comment | |
| Basic Framework | <html> </html> | Define start and end of html document |
| <head> </head> | Define basic info.n about html document | |
| <body> </body> | Define body of html document | |
| Header | <title> </title> | Define title of html document |
| <meta /> | Define metadata about html document | |
| <link /> | Link css document to define format of html document | |
| <script /> | Define script to use | |
| Frame | <frameset> </frameset> | Define frameset |
| <frame /> | Define frame in Frameset | |
| <iframe> </iframe> | Define inline frame | |
| Style | <br /> | New line |
| <hr /> | Horizontal line | |
| <p> </p> | Paragraph | |
| <div> </div> | Define a section in paragraph | |
| <span> </span> | Define a section in paragraph | |
| <b> </b> | Bold text | |
| <i> </i> | Italic text | |
| <hn> </hn> | Specify text size 1~5 for phrase emphasis | |
| <font> </ font > | Specify font | |
| <style> </style> | Define style | |
| List | <ul> </ul> | Unordered list. List without number |
| <ol> </ol> | Ordered list. List with number | |
| <li /> | Internal item in ordered/unordered lists | |
| <dl> </dl> | Definition list | |
| <dt> </dt> | Title of definitions list | |
| <dd> </dd> | Internal item of definition list | |
| Table | <table> </table> | Top-level tag in table |
| <th> </th> | Element of title header line of table | |
| <tr> </tr> | Row in table | |
| <td> </td> | Shell in row of table | |
| Form | <form> </form> | Top-level element of form |
| <input /> | Input element in form | |
| Link
| <img /> | Image file link |
| <a> </a> | Link to url or define position |