個網頁對應于一個html文件,HTML文件以.htm或.html為擴展名。可以使用任何能夠生成TXT類型源文件的文本編輯來產生HTML文件。標準的HTML文件都具有一個基本的整體結構,即HTML文件的開頭與結尾標志和HTML的頭部與實體2大部分。有3個雙標記符用于頁面整體結構的確認。
1、HTML元素
a、從開始標簽到結束標簽的所有代碼
b、開始(開放)標簽<p>、結束(閉合)標簽</p>、標簽內的東西:元素內容
c、<br/>空元素,換行的意思
d、用p標簽行之間間隔較大,用br標簽行之間間隔較小
e、HTML元素語法:
(1)元素內容是開始標簽與結束標簽之間的內容
(2)空元素在開始標簽中進行關閉
(3)大多數HTML元素可擁有屬性
f、嵌套的HTML元素:大多數的HTML元素都是可以嵌套使用的
2、HTML屬性
a、標簽可以擁有屬性為元素提供更多信息
b、屬性以鍵值對的形式出現:例如a標簽里面 href="www.baidu.com"
c、常用標簽類型:
(1)<h1 align = " ">對齊方式,例如center中間
(2)<body bgcolor=" ">背景顏色
(3)<a target = " ">規定在何處打開鏈接,_self本地默認打開
屬性:
(1)默認,覆蓋原標簽頁
(2)_blank,打開為新標簽頁
(4)<body backgroud=" ">設置背景圖片
d、通用屬性:
(1)class:規定元素的類名
(2)id:規定元素的唯一ID
(3)style:規定元素的樣式,一般引用css
(4)title:規定元素的額外信息
3、HTML格式化
a、定義粗體文本
b、<big>定義大號字,HTML5會被css代替
c、<em>定義著重問題
d、定義斜體字
e、<small>定義小號字
f、<strong>定義加重語氣
g、<sub>定義下標字
h、<sup>定義上標字
i、<ins>定義插入字,有下劃線
j、<del>定義刪除字,有刪除線
每種HTML標記符在使用中可帶有不同的屬性項,用于描述該標記符說明的內容顯示不同的效果。正文標記符中提供以下屬性來改變文本的顏色及頁面背景。
馬遜產品上傳時描述中常用的HTML代碼
亞馬遜描述中支持的常用HTML代碼:
1. 換行 <br>
第一行內容<br>
第二行內容<br>
第三行內容
2. 加粗 <b> </b>
<b>需要加粗的內容</b>
3. 文字大小
<p style="font-size:10px">需要設置文字大小的內容</p>
(通過改變10px來改變字體大小,如:14px就比10px字體顯示大)
4. 文字顏色
<p style="color:#fff000">需要設置文字顏色的內容</p>
具體顏色的HTML代碼請參照這個鏈接: http://www.w3school.com.cn/tags/html_ref_colornames.asp
(通過改變替換#fff000代碼來改變文字顏色)
5.文字斜體
<p style="font-style:italic">需要設置文字斜體的內容</p>
6. 文字下劃線代碼
<p style="text-decoration:underline">需要設置文字下劃線的內容</p>
7. 文字刪除線代碼
<p style="text-decoration:line-through">需要設置文字刪除線的內容</p>
HTML 使用超級鏈接與網絡上的另一個文檔相連。幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。
HTML 鏈接
如何在HTML文檔中創建鏈接。
(可以在本頁底端找到更多實例)
HTML 超鏈接(鏈接)
HTML使用標簽 <a>來設置超文本鏈接。
超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。
在標簽<a> 中使用了href屬性來描述鏈接的地址。
默認情況下,鏈接將以以下形式出現在瀏覽器中:
一個未訪問過的鏈接顯示為藍色字體并帶有下劃線。
訪問過的鏈接顯示為紫色并帶有下劃線。
點擊鏈接時,鏈接顯示為紅色并帶有下劃線。
注意:如果為這些超鏈接設置了 CSS 樣式,展示樣式會根據 CSS 的設定而顯示。
HTML 鏈接語法
鏈接的 HTML 代碼很簡單。它類似這樣::
<a href="url">鏈接文本</a>
href 屬性描述了鏈接的目標。.
實例
<a >訪問菜鳥教程</a>
上面這行代碼顯示為:: 訪問菜鳥教程
點擊這個超鏈接會把用戶帶到菜鳥教程的首頁。
提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔:
實例
<a>訪問菜鳥教程!</a>
HTML 鏈接- id 屬性
id屬性可用于創建在一個HTML文檔書簽標記。
提示: 書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對于讀者來說是隱藏的。
實例
在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文檔中創建一個鏈接到"有用的提示部分(id="tips")":
<a href="#tips">訪問有用的提示部分</a>
或者,從另一個頁面創建一個鏈接到"有用的提示部分(id="tips")":
<a >
訪問有用的提示部分</a>
基本的注意事項 - 有用的提示
注釋: 請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然后創建一個新的請求,就像這樣:。
圖片鏈接
如何使用圖片鏈接。
在當前頁面鏈接到指定位置
如何使用書簽
跳出框架
本例演示如何跳出框架,假如你的頁面被固定在框架之內。
創建電子郵件鏈接
本例演示如何如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)
建電子郵件鏈接 2
本例演示更加復雜的郵件鏈接。
HTML 鏈接標簽
標簽 | 描述 |
---|---|
<a> | 定義一個超級鏈接 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。