HTML相關(guān)知識(shí)總結(jié)

<!DOCTYPE HTML>聲明為html5的版本,有助于瀏覽器正確顯示網(wǎng)頁(yè)。

一、HTML元素

1、 HTML段落通過(guò)標(biāo)簽<p>來(lái)定義

<p>標(biāo)簽

使用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元素的屬性參考

三、HTML標(biāo)題

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

標(biāo)題

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ū)域:


meta標(biāo)簽

五、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ù)選框

單選框和復(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)的處理。
image.png

假如您在上面的文本框內(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>
iframe框架
iframe框架
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,189評(píng)論 1 92
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,533評(píng)論 1 41
  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,205評(píng)論 0 1
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,384評(píng)論 0 16
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,216評(píng)論 2 21

友情鏈接更多精彩內(nèi)容