html常用標記及其使用方法,從html head body 元素標簽的 1,<html> <head> </head> <body>
開始標記:<html>結束標記:</html> HTML文檔就是是可以被多種網頁瀏覽器讀取,傳遞各類資訊的文件。 Internet(互聯網)是一個由一系列傳輸協議和各類文檔所組成的集合,html文件只是其中的一種。這些HTML文件存儲在分布于世界各地的服務器硬盤上,通過傳輸協議用戶可以遠程獲取這些文件所傳達的資訊和信息。 瀏覽器就是翻譯HTML文件顯示出網頁,這是網絡瀏覽器的主要作用。當你使用瀏覽器在互聯網上瀏覽網頁時,瀏覽器軟件就自動完成HTML文件到網頁的轉換。
1、標題標簽: h1~h6 ctrl+1~6
2、段落標簽: p ctrl+shift+p
3、換行標簽: br shift+回車
4、水平線: hr
5、加粗標簽: strong ctrl+b
6、傾斜標簽: em ctrl+i
7、空格標簽:
8、圖片標簽:<img src=’圖片路徑’ alt=’圖片加載錯誤提示文字’ title=’鼠標懸停文字’ width=’寬度’ height=’高度’ />
9、超鏈接:<a href=’鏈接路徑’ traget=’_blank’>文本/圖片</a>
10、錨鏈接:
(1) 定義錨:給標簽加id屬性,id=”top”
(2) 跳轉到錨:<a href=”#top”>top</a>
11、行級標簽
1.Strong
2.Em
3.A
4.Img
12、塊級標簽
1.標題標簽
2.段落標簽
Display:inline-block設置元素具有行級標簽和塊級標簽的屬性
.da dl dd p:nth-of-type(1):當dd下面的段落p有好幾個的時候,你有只想給第一個段落p加樣式的時候用到這個!!!
Float:浮動
Z-index:層次 z-index:1比z-index:2 低一層
設置div半透明的代碼:opacity:0.7;
設置div溢出隱藏的代碼:overflow:hidden;
設置css的動畫效果:transition: all 0.5s linear
設置css時圖片在div中同比例放大或者同比例縮小:transform: scale(1.1)