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

转载于:https://www.cnblogs.com/dengfei201766/p/7201184.html

HTML知识点梳理1相关推荐

Python培训教程之Python基础知识点梳理
Python语言是入门IT行业比较快速且简单的一门编程语言,学习Python语言不仅有着非常大的发展空间,还可以有一个非常好的工作,下面小编就来给大家分享一篇Python培训教程之Python基础知识 ...
SQL重要知识点梳理！
↑↑↑关注后"星标"Datawhale 每日干货 & 每月组队学习,不错过 Datawhale干货作者:牧小熊,华中农业大学,Datawhale成员有读者留言面试有点虚 ...
四年级下册英语计算机房和教师办公室的图片,PEP英语四年级下册-Unit-1思维导图及知识点梳理.pptx...
PEP英语四年级下册-Unit-1思维导图及知识点梳理.pptx (12页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 19.90 积分四年级下册 U ...
【数据分析】数据分析基础：SQL重要知识点梳理！
作者:牧小熊,华中农业大学,Datawhale成员有读者留言面试有点虚,数据库都忘的差不多了,与其临时抱佛脚,不如我们把MySQL的知识点梳理一遍,心中有知识点,面试不慌. 数据库的话我只对MySQ ...
Python教程：Python基础知识点梳理！
Python语言是入门IT行业比较快速且简单的一门编程语言,学习Python语言不仅有着非常大的发展空间,还可以有一个非常好的工作,下面小千就来给大家分享一篇Python基础知识点梳理. 1.Pyth ...
Python教程分享之Python基础知识点梳理
Python语言是入门IT行业比较快速且简单的一门编程语言,学习Python语言不仅有着非常大的发展空间,还可以有一个非常好的工作,下面小千就来给大家分享一篇Python基础知识点梳理. Python ...
ap计算机科学课程内容,AP计算机科学课程补习有哪些知识点梳理？
计算机作为当前最被看好的一大专业领域,很多同学们在AP课程学习期间会选修AP计算机科学课程补习这门课来帮助自己打好知识基础.那么AP计算机科学课程补习有哪些知识点梳理?今天学通国际教育老师为大家介绍. ...
嵌入式全栈工程师_我花了半个月，整理出了这篇嵌入式开发学习指南（学习路线+知识点梳理）...
不好意思久等了这篇文章让小伙伴们久等了. 一年多以来,关于嵌入式开发学习路线.规划.看什么书等问题,被问得没有一百,也有大几十次了.但是无奈自己对这方面了解有限,所以每次都没法交代,搞得实在不好意思 ...
计算机三级教材重点网络技术,2020年计算机三级网络技术知识点梳理：身份认证...
[导语]计算机三级考试备考模式已启动,目前这个阶段,该强化一下自己对于教材考点的记忆,及时查漏补缺.下面无忧考网为您精心整理了2020年计算机三级网络技术知识点梳理:身份认证,更多计算机三级考试的备考 ...
呕心沥血 JavaScript知识点梳理大全，超详细建议收藏！！！
呕心沥血 JavaScript知识点梳理大全,超详细建议收藏!!! ✴️大家好,我是王同学,爆肝三天三夜王同学把JavaScript 知识点梳理了一遍,文章没有一点套路,只有满满的干货 ✴️如果对你 ...

HTML知识点梳理1

HTML知识点梳理1相关推荐

最新文章

热门文章