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 Code

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     //在设置图片对齐方式一定要有参照物

 

posted on 2017-07-18 16:29  潜龙传  阅读(148)  评论(0编辑  收藏  举报

导航