Raspberry Pi_Eng_24.3.3 Summary of HTML Syntax


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