H5入门-xhtml+css2-第01节
生活随笔
收集整理的這篇文章主要介紹了
H5入门-xhtml+css2-第01节
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!-- 聲明版本號(hào)，DOCTYPE html是html5版本 --><!DOCTYPE html><!-- 聲明網(wǎng)頁(yè)語(yǔ)言 en-英文 zh-中文 zh-cn中文 --><html lang="en"><!-- head 網(wǎng)頁(yè)頭部信息 --><head><!-- 聲明網(wǎng)頁(yè)的編碼格式 --><meta charset="UTF-8"><!-- title 聲明網(wǎng)頁(yè)標(biāo)題 --><title>html第一節(jié)</title><style>/*為div標(biāo)簽設(shè)置CSS樣式*//*div{background-color: yellow;width: 300px;height:100px;}*//*.name 獲取class名為name的標(biāo)簽*/.div1{width: 500px;height: 100px;background-color: yellow;}.div2{width: 300px;height: 50px;background-color: red;}</style></head><!-- body是網(wǎng)頁(yè)的主體部分，該網(wǎng)頁(yè)顯示的內(nèi)容部分，都寫(xiě)在該標(biāo)簽下 --><body><!-- html基礎(chǔ)標(biāo)簽：1.單標(biāo)簽2.雙標(biāo)簽區(qū)分：看是否有內(nèi)容部分，如果有，則是雙標(biāo)簽，反之，是單標(biāo)簽例如：<meta />和<title></title> --><!-- 1.a標(biāo)簽，超鏈接標(biāo)簽；作用：用來(lái)跳轉(zhuǎn)網(wǎng)頁(yè)界面 --><!-- href 作用：跳轉(zhuǎn)的網(wǎng)頁(yè)界面地址 --><a href="http://news.baidu.com/">跳轉(zhuǎn)到百度首頁(yè)</a><!-- h1 - h6 六級(jí)標(biāo)題標(biāo)簽 --><h1>一級(jí)標(biāo)題</h1><h2>二級(jí)標(biāo)題</h2><h3>三級(jí)標(biāo)題</h3><h4>四級(jí)標(biāo)題</h4><h5>五級(jí)標(biāo)題</h5><br><h6>六級(jí)標(biāo)題</h6><!-- h1 到 h4 比較常用 --><!-- emmet 插件 --><!-- h1*4 --><!-- <h1>屌絲</h1><h1>屌絲</h1><h1>屌絲</h1><h1>屌絲</h1> --><!-- h$*6 --><!-- <h1>龍</h1><h2>龍</h2><h3>龍</h3><h4>龍</h4><h5>龍</h5><h6>龍</h6> --><!-- h${曉龍}*6 --><!-- <h1>曉龍</h1><h2>曉龍</h2><h3>曉龍</h3><h4>曉龍</h4><h5>曉龍</h5><h6>曉龍</h6> --><!-- h${劉曉龍$}*6 --><!-- <h1>劉曉龍1</h1><h2>劉曉龍2</h2><h3>劉曉龍3</h3><h4>劉曉龍4</h4><h5>劉曉龍5</h5><h6>劉曉龍6</h6> --><!-- 3.p 標(biāo)簽，段落標(biāo)簽顯示內(nèi)容部分 --><p>李白（701年－762年），字太白，號(hào)青蓮居士，又號(hào)“謫仙人”，是唐代偉大的浪漫主義詩(shī)人，被后人譽(yù)為“詩(shī)仙”。與杜甫并稱為“李杜”，為了與另兩位詩(shī)人李商隱與杜牧即“小李杜””。與杜甫并稱為“李杜”，為了與另兩位詩(shī)人李商隱與杜牧即“小李杜”區(qū)別，杜甫與李白又合稱“大李杜”。其人爽朗大方，愛(ài)飲酒作詩(shī)，喜交友。</p><!-- 4.strong 標(biāo)簽，加粗標(biāo)簽 --><strong>加粗</strong><br><hr><!-- 5.em標(biāo)簽 斜體字 --><em>斜體字</em><!-- 6.br 換行標(biāo)簽 --><!-- 7.br 水平分割線換行符 --><!-- 8.ul 無(wú)序列表，li列表項(xiàng) --><ul><li>NBA</li><li>娛樂(lè)</li><li>新聞</li><li>圖片</li><li>電影</li><li>音樂(lè)</li></ul><!-- 9.ol 有序列表 --><ol><li>NBA</li><li>娛樂(lè)</li><li>新聞</li><li>圖片</li><li>電影</li><li>音樂(lè)</li></ol><!-- ul ol 一般與li配套使用 --><!-- emmet 當(dāng)中 > 代表下一級(jí)標(biāo)簽 --><!-- ul>li --><!-- <ul><li></li></ul> --><!-- ul>li{劉曉龍}*4 --><!-- <ul><li>劉曉龍</li><li>劉曉龍</li><li>劉曉龍</li><li>劉曉龍</li></ul> --><!-- ul*3>li*4 --><!-- ul>li*3>a --><!-- <ul><li><a href=""></a></li><li><a href=""></a></li><li><a href=""></a></li></ul> --><!-- ### 代表空鏈接 --><a href="###">淘寶</a><!-- 10.img 標(biāo)簽 顯示圖片 --><!-- src 圖片地址 --><!-- 1.加載網(wǎng)絡(luò)中圖片 --><!-- <img src="http://b.hiphotos.baidu.com/image/h%3D300/sign=7d8cd6cb8ab1cb1321693a13ed5456da/1ad5ad6eddc451dac8efb1cfb1fd5266d01632fc.jpg" alt=""> --><img src="1.jpg" alt=""><img src="imgs/2.jpg" alt=""><img src="../3.jpg" alt=""><img src="../images/4.jpg" alt=""><!-- 如何獲取路徑：1.如果使用的圖片和當(dāng)前html文件在同一級(jí)別目錄下，則直接給src圖片名即可；2.如果使用的圖片在當(dāng)前html文件的下一級(jí)別目錄中，則使用 / 獲取下一級(jí)目錄；3.如果使用的圖片在當(dāng)前html文件的上一級(jí)別目錄下，則使用 ../ 獲取上一級(jí)目錄； --><!-- 屬性 alt 如果圖片加載失敗，則添加的提示語(yǔ)部分 --><!-- 屬性 title 當(dāng)將鼠標(biāo)移入該圖片上時(shí)，提示的文字介紹部分 --><img src="1.jpg" alt="美女圖片加載失敗" title="美女"><!-- div 無(wú)語(yǔ)義標(biāo)簽，作用：使用來(lái)做網(wǎng)頁(yè)布局的；分模塊布局； --><!-- <div style="background-color:red;">網(wǎng)頁(yè)布局</div> --><div class="div1">網(wǎng)頁(yè)布局</div><div class="div2">你好</div></body></html>
轉(zhuǎn)載于:https://www.cnblogs.com/MingLong-LXL/p/5970235.html
總結(jié)
以上是生活随笔為你收集整理的H5入门-xhtml+css2-第01节的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 汇总3种获取水系数据的途径
- 下一篇： 北京购房攻略（4.17）