1. 程式人生 > >HTML標記語言

HTML標記語言

一.html的文件結構

html含義為超文字標記語言,html文件重要由4個標籤來組成就是<html>  <head>  <title>  <body>。

1.<html>標記.

所有的html文件都需要使用<html>來開頭,雖然他沒有上面實質性作用但是不可或缺。

2.<head>標記

html文件的頭標記,作用是放置html檔案的資訊。

3.<title>標記

<title>標籤決定了這個網頁的標題,他是包含在<head>標籤中的。

4.<body>標記

<body>標籤是頁面的主題內容,同時這個標籤也包含了頁面的一些其他特徵比如背景顏色背景圖片。

二.html常用的標記

<br>換行標籤

<html>
    <head>
        <meta http-equiv="content-type" content="text/html" charset="UTF-8"/>
        <title>標題</title><!--標題標籤-->
    </head>
    <body
> <b><!--加粗標籤--> 強大的中國 </b><br><!--換行標籤--> 強大的祖國。<br> 強大的人民。 </body> </html>

 效果圖:

<p>段落標籤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"
> <title>段落p標籤</title> </head> <body> <p><!--段落標籤--> <b>李白(唐代著名浪漫主義詩人)</b><br><!--加粗標籤--> 李白(701年-762年) ,字太白,號青蓮居士,又號“謫仙人”,是唐代偉大的浪漫主義詩人,被後人譽為“詩仙”,與杜甫並稱為“李杜”,為了與另兩位詩人李商隱與杜牧即“小李杜”區別,杜甫與李白又合稱“大李杜”。<br> 據《新唐書》記載,李白為興聖皇帝(涼武昭王李暠)九世孫,與李唐諸王同宗。其人爽朗大方,愛飲酒作詩,喜交友。<br> 李白深受黃老列莊思想影響,有《李太白集》傳世,詩作中多以醉時寫的,代表作有《望廬山瀑布》《行路難》《蜀道難》《將進酒》《樑甫吟》《早發白帝城》等多首。<br> 李白所作詞賦,宋人已有傳記(如文瑩《湘山野錄》捲上),就其開創意義及藝術成就而言,“李白詞”享有極為崇高的地位。<br> </p> </body> </html>

效果圖:

 

<h>標題標籤

標題標籤分6級,<hi>i越小,它的級數越大,對應字型也就越大。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>標題h標籤</title>
</head>
<body>
    <h1>一級</h1>
    <h2>二級</h2>
    <h3>三級</h3>
</body>
</html>

效果圖:

<center>居中標籤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>居中center標籤</title>
</head>
<body>
<center>居中</center>
</body>
</html>

效果圖: