標籤—基本語法的單元
一般形式:
<tagname 屬性1=”屬性1” 屬性2=”屬性2” ……> 內容…… </tagname>
- 註釋語句
<!—註釋語句,可以是多行-->
HTML5文檔的基本結構
- 第一行必須是<!DOCTYPE html>
- 主要包括的標籤有<html> <head> <title> <meta> <body>
<html></html>:是整個網頁的根元素
<meta/>是元標籤,元素可提供有關頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞。
<meta charset=”utf-8”/> //其中的utf-8也可以換成GB2312或GBK。
*用什麼編碼,你的文件就要用相應的編碼保存。
- 設置格式:<meta name="參數" content="參數值"/>
- 或 <meta http-equiv="參數" content="參數值"/>
- http-equiv主要是向瀏覽器傳遞一些信息,name則向搜索引擎和製作工具提供信息,http-equiv和name只能二取一。
例:<meta http-equiv="Expires" content="Tue,08 Dec
2009 00:00:00GMT"/> //設置網頁過期時間
<meta http-equiv="refresh"
content="5;url=http://www.baidu.com"/>
//告訴瀏覽器5秒後網頁刷新到百度網站
3.<title></title>:標題標籤,內容是顯示在瀏覽器的頂部。
基本的文本標籤
- <p></p>:段落元素。
*段落內的換行符將會被忽略,如需換行則需要採用專門的標籤,如<br/>。
*段落內多個空格將會被一個空格所取代,需要產生連續空格可以採用中文全角空格或者多個字符 。
*</p>結束後將會插入一個空白行。 - <br/>換行標籤,自封閉標籤。
- <hr/>:水平線,默認爲3像素。
- <pre></pre>:預排版標籤。
- <h1></h1>……<h6></h6>:分級標籤,值越大,字越小,<h4>是默認的文本字體大小。
- <blockquto></blockquto>:文本塊引用。
- 字體的樣式與大小
標籤 |
含義 |
<i></i> |
斜體 |
<b></b> |
粗體 |
<em></em> |
強調斜體 |
<strong></strong> |
強調加粗 |
<big></big> |
字體大一號 |
<small></small> |
字體小一號 |
<sup></sup> |
上標標籤 |
<sub></sub> |
下標標籤 |
塊標籤與行內標籤
- 塊標籤:<p><code><h4><div><form><table>
一般是其他標籤的容器,塊標籤一般都從新行開始,它可以容納內聯標籤和其他塊標籤。 - 行內標籤:<em><strong><sub><sup><input><img>
只能容納文本或者其他內聯元素。
- 塊標籤不能出現在行內標籤內。
- 行內標籤不能直接放在文檔主體<body>或表格<table>中。
字符實體
字 符 |
實 體 |
含 義 |
& |
& |
and記號 |
< |
< |
小於號 |
> |
> |
大於號 |
" |
" |
雙引號 |
' |
' |
單引號 |
¼ |
¼ |
四分之一 |
½ |
½ |
二分之一 |
¾ |
¾ |
四分之三 |
(space) |
|
空格 |