<!DOCTYPE HTML>聲明為html5的版本,有助于瀏覽器正確顯示網(wǎng)頁(yè)。
一、HTML元素
1、 HTML段落通過(guò)標(biāo)簽<p>來(lái)定義

使用br換行

2、HTML 鏈接是通過(guò)標(biāo)簽 <a> 來(lái)定義
-
須以http開頭
<a>標(biāo)簽
html鏈-id屬性:用于創(chuàng)建一個(gè)html文檔書簽標(biāo)記
提示:書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的。
3、HTML 圖像是通過(guò)標(biāo)簽 <img> 來(lái)定義的
-
圖像的名稱和尺寸是以屬性的形式提供的
<img>標(biāo)簽
二、HTML屬性
html元素可以設(shè)置屬性,如html鏈接由<a>標(biāo)簽定義。鏈接的地址在href屬性中指定。
<a >這是一個(gè)鏈接</a>

三、HTML標(biāo)題
1、標(biāo)題(heading)通過(guò)<h1>-<h6>標(biāo)簽進(jìn)行定義的

2、html水平線
標(biāo)簽在html頁(yè)面中創(chuàng)建水平線

3、html注釋
瀏覽器會(huì)忽略注釋,也不會(huì)顯示它們
<!-- 這是一個(gè)注釋 -->
四、HTML頭部
1、<head>
<style> 標(biāo)簽定義了HTML文檔的樣式文件引用地址.
在<style> 元素中你也可以直接添加樣式來(lái)渲染 HTML 文檔:
<head>
<style type="text/css">
body {background-color:red}
p {color:blue}
</style>
</head>
meta標(biāo)簽描述了一些基本的元數(shù)據(jù)。
<meta> 標(biāo)簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁(yè)面上,但會(huì)被瀏覽器解析。
META 元素通常用于指定網(wǎng)頁(yè)的描述,關(guān)鍵詞,文件的最后修改時(shí)間,作者,和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(關(guān)鍵詞),或其他Web服務(wù)。
<meta> 一般放置于 <head> 區(qū)域:

五、html表格
表格由 <table> 標(biāo)簽來(lái)定義。
六、HTML表單和輸入
html表單用于收集不同類型的用戶輸入
文本域:通過(guò)<input type="text"> 標(biāo)簽來(lái)設(shè)定,當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時(shí),就會(huì)用到文本域。

密碼字段:通過(guò)標(biāo)簽<input type="password"> 來(lái)定義:

單選框和復(fù)選框

提交按鈕:<input type="submit"> 定義了提交按鈕.
當(dāng)用戶單擊確認(rèn)按鈕時(shí),表單的內(nèi)容會(huì)被傳送到另一個(gè)文件。表單的動(dòng)作屬性定義了目的文件的文件名。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。

假如您在上面的文本框內(nèi)鍵入幾個(gè)字母,然后點(diǎn)擊確認(rèn)按鈕,那么輸入數(shù)據(jù)會(huì)傳送到 "html_form_action.php" 的頁(yè)面。該頁(yè)面將顯示出輸入的結(jié)果。
七、HTML框架
通過(guò)使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。
該URL指向不同的網(wǎng)頁(yè)
<iframe src="URL"></iframe>



