HTML知识点梳理1
生活随笔
收集整理的這篇文章主要介紹了
HTML知识点梳理1
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1,HTML基本結構
<!DOCTYPE html> <html> <head></head> <body> </body> </html>2,DTD文檔聲明,說明該HTML文檔按什么規則進行解析。如,<!DOCTYPE html>
3,HTML標簽分類:閉合標簽和單標簽
1 例如: 2 <div></div>//閉合標簽 3 <img />//單標簽 View Code4,元素的兩種關系:父子關系,兄弟關系
5,元素分為:行內元素和塊元素
塊元素:一般作為容器,里面存放內容,可以設置其高和寬。
行內元素:以文本內容為主,設置高和寬沒有效果。
4,基礎標簽
1 排版標簽 2 <h1-h6>標題</h1-h6>//使用時注意同一頁面權重。 3 <a href="#">連接</a> 4 //href為#號代表回到頁面頂部 5 //應用場景<h1><a href="https://www.hhu.com">中華情</a></h1> 6 <p>段落標簽,會忽略換行和空格</p> 7 <pre>強調,不會忽略空格和換行</pre> 8 格式標簽 9 10 <address>地址,聯系信息</address>//斜體顯示,塊元素 11 <em> 斜體</em>//行內元素 12 <i>斜體</i>//行內元素 13 <b>加粗字體</b> 14 <del>刪除文字效果</del> 15 <samll>小號字體</samll> 16 <strong>強調,粗體</strong> 17 <u>下劃線</u>//容易與<a>標簽混淆 18 <sub>上標</sub> 19 <sup>下標</sup> 20 圖片標簽 21 <img src="" title="圖片名稱" alt="圖片未加載" /> 22 例子 <p>這是文字<img src="" align="middle">這是文字</p> 23 //在設置圖片對齊方式一定要有參照物
?
轉載于:https://www.cnblogs.com/dengfei201766/p/7201184.html
總結
以上是生活随笔為你收集整理的HTML知识点梳理1的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微信小程序——tab切换内容
- 下一篇: 谷歌火狐浏览器限制的端口