引言:
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言拒担。HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language;HTML 不是一種編程語(yǔ)言档插,而是一種標(biāo)記語(yǔ)言舍沙,標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag),HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)颊亮;HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容柴梆,HTML文檔也叫做 web 頁(yè)面。
HTML基礎(chǔ):
1.HTML標(biāo)題:
通過(guò)<h1>-<h6>標(biāo)簽進(jìn)行定義
如:<h1>這是一個(gè)標(biāo)題</h1>
2.HTML段落:
通過(guò)標(biāo)簽<p>進(jìn)行定義
如:<p>這是一個(gè)段落终惑。</p>
3.HTML鏈接:
用標(biāo)簽<a>來(lái)進(jìn)行定義
如:<a >這是一個(gè)鏈接</a>
4.HTML圖像:
通過(guò)標(biāo)簽<img>定義
如:<img src="/images/logo.png" width="258" height="39" />
HTML屬性:
HTML元素可以設(shè)置屬性绍在,屬性可以在元素中添加附加信息,屬性一般在開始標(biāo)簽中描述雹有,屬性總是以鍵值對(duì)的形式出現(xiàn)
HTML文本格式化標(biāo)簽:
標(biāo)簽 描述
<b> 給字體加粗
<em> 著重文字
<i> 斜體字
<small> 小號(hào)字
<strong> 加重語(yǔ)氣
下標(biāo)字體
上標(biāo)字體
<ins> 插入字
<del> 刪除字
HTML頭部:
1.HTML<title>元素
在頭中設(shè)置title
設(shè)置meta偿渡,如<meta charset="utf-8">
2.HTML<base>元素
設(shè)置所有鏈接標(biāo)簽的默認(rèn)鏈接,如
<base target="_blank">
3.HMTL<style>元素
預(yù)定義各類標(biāo)簽的樣式
4.HTML<script>元素
用于加載腳本文件霸奕,如js的腳本文件
5.HTML<link>元素
用于定義文檔與外部資源之間的聯(lián)系溜宽,通常用于鏈接到樣式表,如
<link rel="stylesheet" type="text/css" href="mystyle.css">
HTML樣式:
在各個(gè)標(biāo)簽中通過(guò)設(shè)置style屬性來(lái)改變標(biāo)簽的樣式质帅,如
<h1 style="font-family:verdana;">一個(gè)標(biāo)題</h1>
<p style="font-family:arial;color:red;font-size:20px;">一個(gè)段落适揉。</p>
HTML中引用圖片:
通過(guò)使用img標(biāo)簽,設(shè)置src指向圖片所在位置煤惩,如
<img src="smiley.gif" alt="Smiley face" width="32" height="32"></p>
HTML表格:
<tr>標(biāo)簽標(biāo)示行嫉嘀,在行中插入<td>,完成每一行中的列設(shè)置
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
HTML列表:
1.有序列表
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
2.無(wú)序列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
HTML區(qū)塊:
1.<div>元素
是塊級(jí)元素魄揉,它可用于組合其他HTML元素的容器
2.<span>元素
是內(nèi)聯(lián)元素棉饶,可用于文本的容器
HTML表單:
包含了輸入字段和提交按鈕
HTML子窗口:
可以視同iframe進(jìn)行設(shè)置
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
原創(chuàng)文章轉(zhuǎn)載請(qǐng)標(biāo)明出處
更多文章請(qǐng)查看
http://www.canfeng.xyz