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 />//单标签
4,元素的两种关系:父子关系,兄弟关系
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 //在设置图片对齐方式一定要有参照物