HTML知识点梳理1

1,HTML基本结构

<!DOCTYPE html>
<html>
<head></head>
<body>
</body>
</html>

2,DTD文档声明,说明该HTML文档按什么规则进行解析。如,<!DOCTYPE html>

3,HTML标签分类:闭合标签和单标签

 例如:
<div></div>//闭合标签
<img />//单标签

4,元素的两种关系:父子关系,兄弟关系

5,元素分为:行内元素和块元素

  块元素:一般作为容器,里面存放内容,可以设置其高和宽。

  行内元素:以文本内容为主,设置高和宽没有效果。

4,基础标签

  

 排版标签
<h1-h6>标题</h1-h6>//使用时注意同一页面权重。
<a href="#">连接</a>
//href为#号代表回到页面顶部
//应用场景<h1><a href="https://www.hhu.com">中华情</a></h1>
<p>段落标签,会忽略换行和空格</p>
<pre>强调,不会忽略空格和换行</pre>
格式标签 <address>地址,联系信息</address>//斜体显示,块元素
<em> 斜体</em>//行内元素
<i>斜体</i>//行内元素
<b>加粗字体</b>
<del>删除文字效果</del>
<samll>小号字体</samll>
<strong>强调,粗体</strong>
<u>下划线</u>//容易与<a>标签混淆
<sub>上标</sub>
<sup>下标</sup>
图片标签
<img src="" title="图片名称" alt="图片未加载" />
例子 <p>这是文字<img src="" align="middle">这是文字</p>
//在设置图片对齐方式一定要有参照物
上一篇:Sqlite实现默认时间为当前时间列的方法(转)


下一篇:监控虚拟机跟外部的tcp连接