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