html 的第一天知識點總結

時間 2019-11-24

標籤 html 第一天知識總結欄目 HTML 简体版

原文原文鏈接

因特網(Internet)：相互鏈接的計算機的集合。css

• Web：一種超文本信息系統。html

超文本 (文字+圖片+音視頻+連接…)java

• 萬維網(World Wide Web)：在因特網（互瀏覽器

聯網）上以超文本爲基礎造成的信息網。緩存

• 主要表現爲各個網站及其超級連接關係。服務器

全局架構標籤(XHTML中是必須的)架構

<html>app

<head>框架

<title></title>
ide

</head>

<body>

</body>

</html>

• <!-‐-‐ 註釋 -‐-‐>　註釋中的內容瀏覽器不顯示

• 特殊字符

位於<head>標籤中的元素，包括

• <base>　指定網頁中的超連接的基準地址

• <link>　定義當前文檔和另外一個文檔之間的關係

• <link rel="stylesheet" type="text/css" href="styles.css">

• 指向一個外部樣式表

• <meta>　用屬性名來劃分紅兩種類型

• name 　用來加入關於網頁的描述信息。

• http-‐equiv　用於在HTML中模擬HTTP協議的響應消息頭(瀏覽器的一些暗號指令)

• <meta hgp-‐equiv="content-‐Type" content="text/html; charset=UTF-‐8">

• 設定頁面使用的字符集

• <meta name ="keywords" content="java,java培訓"/>

• 告訴搜索引擎你網頁的關鍵字

• <meta name="descripeon" content="網頁描述"/>

• 告訴搜索引擎你的網站主要內容

• <meta hgp-‐equiv="pragma" content="no-‐cache">

• 禁止瀏覽器從本地計算機的緩存中訪問頁面內容

• <meta hgp-‐equiv="refresh" content="2;URL=hgp://www.google.com">

• 自動刷新並指向新頁面。

• <p>…</p>：分段落

• <br />：換行

• <pre>…</pre>：預約義格式

內容分隔<hr/>標籤

• 項目列表和編號

• 有序列表<ol>

• 無序列表<ul>

• 預格式文本<pre>標籤

• 超連接標籤<a>

• <a href="hgp://www.google.cn">谷歌</a>

• 屬性：

• href: 設置目標 URL 或錨記

• target:設置目標內容要顯示於哪一個窗口或框架

• _blank　在新窗口中顯示

• _parent　在父窗口中顯示

• _self　在當前窗口中顯示　默認值

• _top　在頂層窗口和框架中顯示

• 自定義　在指定名字的窗口中顯示，若是不存在，就在新窗口顯示

• 錨：用於使用戶「跳」到文檔的某個部分

• <a>標籤的 name屬性用於建立錨標記

• <a name = "marker">主題名稱</a>

• 爲達到這種跳轉效果，請在href參數中使用該標記

• <a href = "#marker">跳</a>

滾動標籤

•  <marquee> 移動顯示嵌套其中的圖形和文本

• direceon：移動方向。默認爲從右向左。 (lep、right、down、up)

• behavior：移動方式

• 值：scroll(循環移動)、slide(只移動一個回合)、alternate(來回移動)。

• scrollamount：移動速度。值取正整數。數值越大，速度越快

• scrolldelay：表示滾動延遲時間，默認值爲90。

• bgcolor：背景色

table標籤

  cellspacing　設置單元格之間的間距

 cellpadding　設置單元格的內邊距(邊框與其內部內容之間的間隔大小)

<tr>：用來定義表格的一行，經常使用屬性：

• align　水平對齊方式：le)、center、right。

• valign　垂直對齊方式： top、middle、bogom。

• bgcolor　設置該行的背景顏色。

<td>：用來定義表格中一行裏的一列單元格，經常使用屬性

• width　列單元格的寬度

• height　列單元格的高度

• align　設置該列單元格中內容的水平對齊方式

• valign　設置該列單元格中內容的垂直對齊方式

• colspan　設置該列單元格跨佔的列數

• rowspan　設置該列單元格跨佔的行數

• nowrap　禁止對單元格中過長的內容自動換行顯示

表單

•  <form>標籤用來建立一個表單，在表單中經過嵌入各種字段元素來把相應的數據提交到服務器。

•  屬性：

• id: 表單標識符

• name: 表單名

• aceon: 設置接收和處理瀏覽器遞交的表單內容的服務器程序URL

• 若是不設置aceon屬性或值爲空(aceon="")，則表單所在的頁面URL會做爲默認值。

• method: 指定提交表單的方式

• get方式：表單參數"名=值"對經過超連接方式(跟在URL後面)傳遞到服務器

• post方式：表單參數"名=值"對做爲HTTP消息的實體內容發送給服務器。

• target: 指定服務器返回結果顯示的目標窗口

• enctype: 指示瀏覽器使用哪一種編碼方法將表單數據傳送給服務器。

• applicaeon/x-‐www-‐form-‐urlencoded 默認值,把表單數據編碼爲"名=值"對

• mulepart/form-‐data　傳輸的數據用多媒體傳輸協議方式傳輸

表單內的元素的基本格式如：

•  <input type="元素的類型"

•  id="元素的標識符"

•  name="元素的名"

•  value="元素的初始值"

•  　　 size="初始寬度"

•  maxlength="最多字符數"

•  disabled="disabled"/>

•  disabled用來設置該元素不可用，提交表單時它的數據也不會提交到服務器。

單行文本輸入框

• <input type="text" name="文本框名" value="初始值" >

• 多行文本輸入框-‐文本域

• <textarea name="名" cols="列數" rows="行數">要顯示的文本</textarea>

• wrap屬性:

• off : 不換行

• sop: 自動換行，若行末有英文單詞，會將整個單詞移到下一行

• hard: 自動換行，但會截斷行末的單詞

• 密碼框

• <input type="password" name="pwd" />

選擇類的表單元素

• 單選按鈕

• <input type=" radio " name="名" value="值" checked="checked" />

• 按鈕組要同名，但值要不一樣。

• 複選框

• <input type=" checkbox " name="名" value="值" checked="checked" />

• 經常使用方式：複選框組要同名，但值要不一樣。

•文件選擇

• <input type=" file " name="名" />

下拉列表框

</select>

按鈕類的表單元素

• 提交按鈕 • <input type="submit" name="sbt" value=" 提交 " />

• 重置按鈕 • <input type="reset" name="reset" value=" 重填 " />

• 普通按鈕 • <input type="bugon" name="cc" value="取消" />

• 圖片提交 • <input type="image" src="圖片路徑" /> • 點擊圖片會提交表單數據

其它表單元素

• 隱藏字段

• <input type=" hidden " name="sid" value="java001" />

• 瀏覽器不會顯示這個表單字段元素，但提交表單時，會把這個元素的「名=值」對也提交到服務器。

• 文本顯示標籤

• < label for="user" accesskey="a" >用戶名</label>

• 屬性for：指定快捷訪問鍵將做用於指定名的表單元素。必須與某個

表單元素id的值相同。

• 屬性accesskey：設置快捷訪問鍵

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

html 的第一天 知識點總結

html 的第一天知識點總結