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