web測試之HTML基礎標籤

軟件開發的發展歷程
軟件是用計算機語言編寫的。計算機語言的發展經歷了從機器語言、彙編語言到高級語言的歷程。

web測試之HTML基礎標籤

HTML(Hyper Text Markup Language 超文本標識語言)
是一種用來製作超文本文檔的簡單標記語言。
用HTML編寫的超文本文件稱爲HTML文件,也稱Web文件。
HTML是Web開發的基本技術。

HTML發展

web測試之HTML基礎標籤

HTML文件的基本結構
<HTML>
<HEAD>
<TITLE>標題</TITLE>
</HEAD>

<BODY >
網頁內容
</BODY>

</HTML>
HTML 標籤
HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
HTML 標籤是由尖括號包圍的關鍵詞,比如 <html>
HTML 標籤通常是成對出現的,比如 <b> 和 </b>
標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
開始和結束標籤也被稱爲開放標籤和閉合標籤
HTML元素
HTML 元素指的是從開始標籤到結束標籤的所有代碼,是HTML語言的基本部分。
HTML 文檔由嵌套的 HTML 元素構成。
空的 HTML 元素
沒有內容的 HTML 元素被稱爲空元素。空元素是在開始標籤中關閉的。<br>(定義換行的標籤) 就是沒有關閉標籤的空元素。
HTML元素屬性
HTML元素可以有自己的相關屬性,屬性爲 HTML 元素提供附加信息
例: <h1 align="center">This is heading 1</h1>
屬性通常添加在元素的開始標籤當中,屬性值帶雙引號。
常用基本標籤
標題: <h1> - <h6>
段落: <p>
換行: <br>
鏈接: <a>
圖像: <img>
註釋:<!--This is a comment-->
嵌入元素(聲頻、視頻):
<embed src=“文件名”>
常用格式化標籤
HTML定義了一些文本格式的標籤,可以改變字體樣式。
<b> 粗體bold
<big>定義大號字。
<small>定義小號字。
<em>定義着重文字。
<i> 斜體italic
<del> 文字當中劃線表示刪除
<ins> 文字下劃線表示插入
<sub> 下標
<sup> 上標

字體、字號標籤<FONT>

<FONT size=“+2” color=“red” ></FONT>
size:設置字體的大小
color:設置字體的顏色
超鏈接
超級鏈接是用<a>定義的
指向其他網頁:
在<a>元素下,有元素屬性href, href的屬性值爲一個URL地址
<a href=“http://www.baidu.com”>百度主頁</a&gt;
<a href=“login.html”>登陸頁面</a>
表格
表格由 <table> 標籤來定義。
每個表格均有若干行(由 <tr> 標籤定義),
每行被分割爲若干單元格(由 <td> 標籤定義)。
字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
三個元素必須一起使用,否則無法定義表格。
表格
常用標籤和屬性:
標題<caption>
表頭<th>
邊框:border屬性
背景色:bgcolor屬性
背景圖片:background屬性
列表
無序列表
用一個符號標誌每個列表項
由<ul>開始,每個列表項由<li>開始。
有序列表
每個列表項前標有數字,表示順序
由<ol>開始,每個列表項由<li>開始。
定義列表
通常用於術語的定義。
由<dl>開始。術語由<dt>開始。術語的解釋說明,由<dd>開始,<dd></dd>裏的文字縮進顯示。
圖片
基本語法:
<img src=“圖片url”>
引用圖片必須用<img>元素標誌。
src屬性是必須的。src的URL可以是絕對地址,也可以是相對地址(推薦)
圖片
常用標籤和屬性
替換文本屬性(Alt)
圖像大小、邊框、對齊方式。

編輯:千鋒軟件測試

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章