这是我参与这是我参与「第四届青训营 」笔记创作活动的的第5天,我将所学到的HTML知识整理成笔记以便后期学习的相关复习以及新知识的增加
第一节 HTML?
1.HTML是“HyperText Markup Language”首字母的缩写。也称超文本标记语言,标记语言是指用标签来描述网页,其中超文本超越了文本的限制:不但可以标记文本,还可以标记图片、音视频等资源;超级链接文本:通过这个链接文本,可以从一个页面转跳到另外一个页面。
HTML语法
- 某些属性值可以省略
- 标签和属性不区分大小写
- 空标签可以不闭合
- 属性值推荐使用双引号包裹
html、head、body
-
<html>标签:它是当前HTML文档的根元素。 -
<html>标签的lang属性 这个属性主要是给浏览器的翻译功能和搜索引擎(谷歌、百度等)的爬虫使用的,浏览器显示什么是由其内容和字符编码而定。 -
<html>标签的子元素<head>标签:表示当前HTML文档的元数据部分<body>标签:表示当前HTML文档的内容部分
路径
-
根目录:当前html文件所在的文件夹即是根目录,用
./表示 -
绝对路径
- 硬盘中的某个位置
- 网页中的URL`
-
相对路径:相对当前html文件的路径
同级目录下一级目录上一级目录
第二节 常用标签
标题标签
表示当前网页的标题,显示在浏览器的标题栏或标签页上,它内部只应包含文本,如果有标签会被忽略。
h1~h6是标题标签的简写,它们默认带有粗体的外观样式。<h1>字体最大,<h6>字体最小。
示例
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
列表标签
它们默认带有项目符号,例如无序列表项前面可能带有●,有序列表项前面可能带有⒈这类数字项目符号,而且不同浏览器的项目符号样式存在差异。
- 有序表:ol
- 无序表:ul
- 自定义表:dl,dt,dd
<ol><li></li></ol>
<ul><li></li></ul>
<dl><dt><dd></dd></dt></dl>