摘要:之小白初入江湖超文本標記語言簡稱是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。描述了一個網(wǎng)站的結構語義隨著線索的呈現(xiàn),使之成為一種標記語言而非編程語言。是塊級元素,是行內元素。層疊樣式表簡稱是一種用來為結構化文檔如添加樣式的工具。
HTML & CSS之小白初入江湖 1. HTML
1.1 HTML語義化超文本標記語言(HyperText Markup Language, 簡稱HTML)是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。HTML是一種基礎技術,常與CSS、JavaScript一起被眾多網(wǎng)站用于設計令人賞心悅目的網(wǎng)頁、網(wǎng)頁應用程序以及移動應用程序的用戶界面。網(wǎng)頁瀏覽器可以讀取HTML文件,并將其渲染成可視化網(wǎng)頁。HTML描述了一個網(wǎng)站的結構語義隨著線索的呈現(xiàn),使之成為一種標記語言而非編程語言。
——維基百科
在HTML中語義化是一個非常重要的概念。
語義化就是配位,其含義就是用正確的標簽做正確的事情。HTML語義化就是通過正確使用標簽構建頁面以達到使頁面結構化得目的;便于瀏覽器和搜索引擎解析。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重,利于 SEO。并且使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊,便于閱讀維護理解。
用于顯示圖像,常用屬性有
alt 圖像替代文本
width, height 寬和高
ismap 圖像映射
用于構造一個表格
Name: | Age: | Sex: |
---|---|---|
張 | 10 | ? |
趙 | 15 | ? |
王 | 20 | ? |
定義超鏈接實現(xiàn)頁面跳轉
定義錨點實現(xiàn)書簽功能
點擊跳轉到網(wǎng)頁的底部 這里是網(wǎng)頁的底部
type屬性相關屬性值
button
file
hidden
text
password
radio
checkbox
image
reset
submit
文本輸入?yún)^(qū)使用標簽
下拉菜單標簽:
em 強調
strong 比em強調級別更高
address 定義地址元素
blockquote 定義塊引用,通常情況下會產(chǎn)生縮進
cite 通常情況下某段/句話引自某著作,使用此標簽
ins 定義被插入文本
del 定義被刪除文本
帶有一定樣式的標簽(同時也帶有語義)b 定義粗體文本
i 斜體
big 大號字體文本
small 小號字體文本
bdo 定義問本顯示方向
sup 上標文本
sub 下標文本
輸出類標簽pre 代碼中樣式原樣輸出
code 代碼文本
var 定義變量
h1~h6標簽用于設置標題
div span一級標題
...六級標題
div與span兩個標簽都是無意義的容器標簽。常用于頁面的布局。
div是塊級元素,span是行內元素。
層疊樣式表(Cascading Style Sheet,簡稱CSS)是一種用來為結構化文檔如HTML添加樣式的工具。
使用方式CSS使用方式分為三種,它可以直接寫在HTML標簽內
內容
或者寫在style標簽內
或者通過link標簽引入樣式表
選擇器
基本選擇器
id選擇器: #element ?{}
類(class)選擇器: .element ?{}
類型(HTML標簽)選擇器: div ?{}
通配符: ? {}
綜合選擇器
后代選擇器:div ?p ?{}
交集選擇器:div.p ?{}
并集選擇器:div,p ?{}
子選擇器: div>p ?{}
相鄰兄弟選擇器:div+p ?{}
普通兄弟選擇器:div~p ?{}
序列選擇器: ul li:last-child; ?ul li:last-child
權重當有不同選擇器的不同樣式作用在同一標簽上,通過比較幾個選擇器的權重來確定由哪個選擇器決定顯示的樣式。下面是不同選擇器的權重量級大小關系
id選擇器 > 類選擇器 > 類型選擇器
權重比較過程如下:
id選擇器數(shù)量多的權重大
id選擇器數(shù)量相等時類選擇器多的權重大
前兩個選擇器數(shù)量各自相同時類型選擇器數(shù)量多的權重大
沒有選中標簽的選擇器權重為0
帶有!important屬性的選擇器權重無限大(濫用會導致權重混亂問題)
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112179.html
摘要:之小白初入江湖超文本標記語言簡稱是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。描述了一個網(wǎng)站的結構語義隨著線索的呈現(xiàn),使之成為一種標記語言而非編程語言。是塊級元素,是行內元素。層疊樣式表簡稱是一種用來為結構化文檔如添加樣式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本標記語言(HyperText Markup Language, 簡稱HTML)是一種用于創(chuàng)建網(wǎng)頁的標準標記語言...
摘要:拿舉例子只想說明你總會在一些陰暗的角落遇到正則表達式,為了到時候不至于一頭霧水,我們最好簡單的了解一下正則表達式的使用。 為什么要學正則表達式 很多人對正則表達式的認知只是在進行表單驗證的時候在網(wǎng)上搜一段正則表達式進行copy,實際工作上好像很難遇到大段的正則表達式 我第一次看到大量的正則使用是在jQuery源碼中,當時看的頭疼只好草草的看下大概思路不了了之,但是到今天我依然不認為這種...
摘要:軟件測試江湖也是江湖,也有一些小技巧。以上是在過往測試江湖中個人總結的三條小技巧,技巧雖小,但是可以幫助初入測試江湖的小白少走一些彎路,讓個人的職業(yè)發(fā)展更加順利。 有人的地方就有江湖,有江湖的地方就有恩怨。有的恩怨避無可避,有的本可以避免,只是因為年輕不懂事,不懂得江湖的規(guī)矩,惹下許多的是非。軟件測試江湖也是江湖,也有一些小技巧。 1)Bug記錄技巧showImg(https://se...
摘要:軟件測試江湖也是江湖,也有一些小技巧。以上是在過往測試江湖中個人總結的三條小技巧,技巧雖小,但是可以幫助初入測試江湖的小白少走一些彎路,讓個人的職業(yè)發(fā)展更加順利。 有人的地方就有江湖,有江湖的地方就有恩怨。有的恩怨避無可避,有的本可以避免,只是因為年輕不懂事,不懂得江湖的規(guī)矩,惹下許多的是非。軟件測試江湖也是江湖,也有一些小技巧。 1)Bug記錄技巧showImg(https://se...
閱讀 3027·2021-11-02 14:40
閱讀 843·2019-08-30 15:53
閱讀 1265·2019-08-30 15:53
閱讀 3259·2019-08-30 13:53
閱讀 3305·2019-08-29 12:50
閱讀 1131·2019-08-26 13:49
閱讀 1862·2019-08-26 12:20
閱讀 3660·2019-08-26 11:33