HTML入門筆記1

1.HTML 是誰發(fā)明的

HTML 是網(wǎng)頁使用的語言,定義了網(wǎng)頁的結(jié)構(gòu)和內(nèi)容。瀏覽器訪問網(wǎng)站,其實就是從服務(wù)器下載 HTML 代碼,然后渲染出網(wǎng)頁。

HTML 的全名是“超文本標(biāo)記語言”(HyperText Markup Language),上個世紀(jì)90年代由歐洲核子研究中心的物理學(xué)家蒂姆·伯納斯-李(Tim Berners-Lee)發(fā)明。它的最大特點就是支持超鏈接,可以跳轉(zhuǎn)到其他網(wǎng)頁,從而構(gòu)成了整個互聯(lián)網(wǎng)。1999年,HTML 4.01 版發(fā)布,成為廣泛接受的 HTML 標(biāo)準(zhǔn)。2014年,HTML 5 發(fā)布,這是目前正在使用的版本。

2.HTML的起手式

HTML的起手式很簡單,在建立了文件后(一般文件名為index.html),在第一行輸入!,等到出現(xiàn)提示后,按 Tab建,會出現(xiàn)以下頁面:


起手式.png

3.常用的HTML章節(jié)標(biāo)簽

<h1>~<h6>:表示標(biāo)題標(biāo)簽,用于簡述文章內(nèi)容
<section>:定義文檔中的章節(jié)
<article>:定義獨立于內(nèi)容的完整的內(nèi)容塊,可與section相互嵌套
<p>:段落標(biāo)簽
<header>:定義頁面頭部,常用于logo,頁面標(biāo)題,導(dǎo)航
<footer>:定義章節(jié)的尾部,常用語版權(quán)聲明,外部鏈接,備案信息等 &copy
<aside>:與頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容,如廣告等,刪除后不影響剩余內(nèi)容
<main>:定義文章中較為重要的內(nèi)容
<div>:將內(nèi)容分塊,容器作用

4.全局屬性有哪些

class: 通過空格分隔元素類名,css可以通過類選擇器,javascript可以通過dom進(jìn)行操作
contenteditable: 表示元素是否可以被用戶編輯false不能被編輯,true可以編輯
hidden: 隱藏元素
id: 應(yīng)表示唯一屬性,但不能表示唯一,所以盡量少用
style: 聲明css樣式,用于快速樣式化
tabindex: 可以通過鍵盤選取屬性,-1表示不能被選,0表示最后被選,其他按照大小順序選擇
title: 表示網(wǎng)頁的標(biāo)題,這個對于搜索引擎來說至關(guān)重要
title: 如果是內(nèi)聯(lián)元素可以在鼠標(biāo)放上時顯示

5.常用Html內(nèi)容標(biāo)簽

ol+li: 有序列表
ul+li: 無序列表
dl+dt+dd: 包含術(shù)語定義及描述的列表,主要用于詞匯表和原數(shù)據(jù)(鍵值對),dl表示列表,dt表示術(shù)語,dd表示描述
pre: html默認(rèn)會將多個空格和換行縮進(jìn)為一個,pre標(biāo)簽可以保留原先的空格和換行
hr: 分割線
br: 換行符
a: 鏈接屬性
em: 語氣上的強(qiáng)調(diào),會傾斜
strong: 文本語義本身的強(qiáng)調(diào),會加粗
code: 在此輸入代碼,可以pre標(biāo)簽配合使用
quote: 引用標(biāo)簽不會有效果
blockquote: 帶有縮進(jìn)的引用
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 今天筆者看完了饑人谷的HTML網(wǎng)課,對于其又有了全新的理解。今天筆者就來與大家分享一下。包括HTML的概述,歷史以...
    鄭饞師閱讀 570評論 0 2
  • HTML簡介 1.HTML是誰發(fā)明的? 1990年左右,Tim Berners-Lee(蒂姆·伯納斯·李)發(fā)明了萬...
    饑人谷_韓博閱讀 526評論 1 0
  • 萬維網(wǎng) WWW & HTML 的發(fā)明 WWW 簡述 WWW = URL + HTTP + HTML WWW: Wo...
    饑人谷_AaronXu閱讀 682評論 0 0
  • 1 HTML歷史 1990年 Tim Berners-Lee實現(xiàn)HTTP客戶端與服務(wù)器的第一次通訊,設(shè)計并構(gòu)建第一...
    蘇wisdom閱讀 334評論 0 0
  • HTML 是誰發(fā)明的 1990 年,由于對 Web 未來發(fā)展的遠(yuǎn)見,Tim Berners-Lee 提出了 超文本...
    星學(xué)家閱讀 288評論 1 0

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