HTML5前端知识总结

HTML基本标记:
HTML5前端知识总结

标记:说明当前文档使用哪种html标准规范。

HTML5前端知识总结

标记(根标记):用于告知浏览器其自身是一个HTML文档。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201113085050352.png#pic_center) 标记(头部标记):用于定义头部信息。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201113085122453.png#pic_center) 标记(主体标记):用于定义HTML文档所要显示的内容。 html5语法: 1.标签不区分大小写。 2.允许属性值不是用引号。 3.允许部分属性值的属性省略。 标记: 双标记:有开头有结尾的标记。如:
,

。 单标记:只用一个标记符号即可完整描述某个功能的标记。如:
。 文本格式化标记: ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201113100036349.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1hEODIzNQ==,size_16,color_FFFFFF,t_70#pic_center)

效果图:
HTML5前端知识总结
图片标记:

HTML5前端知识总结
绝对路径:网页上的文件或目录在硬盘上的正真路径。
相对路径:相对当前文件的路径。
1.图像文件和html文件位于同一个文件夹时只需要输入图像文件的名称即可。
2.图像文件和html文件位于下一级文件夹时,输入文件夹名和文件名,之间用“/”隔开。
3.图像文件和html文件位于上一级文件夹时,在文件名之前加“…/”,如果是上两级,则需要使用“…/…/”,以此类推。
引用外部文件标记:
HTML5前端知识总结

页面总结划分的标签
footer:定义一个页面或者区域的底部。
Nav:导航。
Hgroup:页面上的标题组合。
arcticle:用于定义一篇日志,一条新闻或者用户评论。
section:用于对网站或应用程序中页面上的内容进行分块。
figure:用于定义独立的流内容,一般指一个独立的单元。
figcaption:用于为figure元素组添加标题。
details:用于描述文档或文档某个部分的细节。
summary:用于为details定义标题。
progess:用于表示一个任务的完成进度。
meter:用于表示指定范围内的数值。
超链接标记:
HTML5前端知识总结
列表元素:
无序列表
HTML5前端知识总结
有序列表:
HTML5前端知识总结
定义列表:
HTML5前端知识总结

相关文章: