摘要:之小白初入江湖超文本標記語言簡稱是一種用于創建網頁的標準標記語言。描述了一個網站的結構語義隨著線索的呈現,使之成為一種標記語言而非編程語言。是塊級元素,是行內元素。層疊樣式表簡稱是一種用來為結構化文檔如添加樣式的工具。
HTML & CSS之小白初入江湖 1. HTML
1.1 HTML語義化超文本標記語言(HyperText Markup Language, 簡稱HTML)是一種用于創建網頁的標準標記語言。HTML是一種基礎技術,常與CSS、JavaScript一起被眾多網站用于設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面。網頁瀏覽器可以讀取HTML文件,并將其渲染成可視化網頁。HTML描述了一個網站的結構語義隨著線索的呈現,使之成為一種標記語言而非編程語言。
——維基百科
在HTML中語義化是一個非常重要的概念。
語義化就是配位,其含義就是用正確的標簽做正確的事情。HTML語義化就是通過正確使用標簽構建頁面以達到使頁面結構化得目的;便于瀏覽器和搜索引擎解析。搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重,利于 SEO。并且使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。
用于顯示圖像,常用屬性有
alt 圖像替代文本
width, height 寬和高
ismap 圖像映射
用于構造一個表格
Name: | Age: | Sex: |
---|---|---|
張 | 10 | ? |
趙 | 15 | ? |
王 | 20 | ? |
定義超鏈接實現頁面跳轉
定義錨點實現書簽功能
點擊跳轉到網頁的底部 這里是網頁的底部
type屬性相關屬性值
button
file
hidden
text
password
radio
checkbox
image
reset
submit
文本輸入區使用標簽
下拉菜單標簽:
em 強調
strong 比em強調級別更高
address 定義地址元素
blockquote 定義塊引用,通常情況下會產生縮進
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選擇器數量多的權重大
id選擇器數量相等時類選擇器多的權重大
前兩個選擇器數量各自相同時類型選擇器數量多的權重大
沒有選中標簽的選擇器權重為0
帶有!important屬性的選擇器權重無限大(濫用會導致權重混亂問題)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50911.html
摘要:之小白初入江湖超文本標記語言簡稱是一種用于創建網頁的標準標記語言。描述了一個網站的結構語義隨著線索的呈現,使之成為一種標記語言而非編程語言。是塊級元素,是行內元素。層疊樣式表簡稱是一種用來為結構化文檔如添加樣式的工具。 HTML & CSS之小白初入江湖 1. HTML 超文本標記語言(HyperText Markup Language, 簡稱HTML)是一種用于創建網頁的標準標記語言...
摘要:拿舉例子只想說明你總會在一些陰暗的角落遇到正則表達式,為了到時候不至于一頭霧水,我們最好簡單的了解一下正則表達式的使用。 為什么要學正則表達式 很多人對正則表達式的認知只是在進行表單驗證的時候在網上搜一段正則表達式進行copy,實際工作上好像很難遇到大段的正則表達式 我第一次看到大量的正則使用是在jQuery源碼中,當時看的頭疼只好草草的看下大概思路不了了之,但是到今天我依然不認為這種...
摘要:軟件測試江湖也是江湖,也有一些小技巧。以上是在過往測試江湖中個人總結的三條小技巧,技巧雖小,但是可以幫助初入測試江湖的小白少走一些彎路,讓個人的職業發展更加順利。 有人的地方就有江湖,有江湖的地方就有恩怨。有的恩怨避無可避,有的本可以避免,只是因為年輕不懂事,不懂得江湖的規矩,惹下許多的是非。軟件測試江湖也是江湖,也有一些小技巧。 1)Bug記錄技巧showImg(https://se...
摘要:軟件測試江湖也是江湖,也有一些小技巧。以上是在過往測試江湖中個人總結的三條小技巧,技巧雖小,但是可以幫助初入測試江湖的小白少走一些彎路,讓個人的職業發展更加順利。 有人的地方就有江湖,有江湖的地方就有恩怨。有的恩怨避無可避,有的本可以避免,只是因為年輕不懂事,不懂得江湖的規矩,惹下許多的是非。軟件測試江湖也是江湖,也有一些小技巧。 1)Bug記錄技巧showImg(https://se...
閱讀 853·2021-11-25 09:43
閱讀 3685·2021-11-19 09:40
閱讀 887·2021-09-29 09:34
閱讀 1795·2021-09-26 10:21
閱讀 875·2021-09-22 15:24
閱讀 4197·2021-09-22 15:08
閱讀 3270·2021-09-07 09:58
閱讀 2676·2019-08-30 15:55