这是我参与⌈第四届青训营⌋笔记创作活动的第5天

113 阅读2分钟

这是我参与这是我参与「第四届青训营 」笔记创作活动的的第5天,我将所学到的HTML知识整理成笔记以便后期学习的相关复习以及新知识的增加

第一节 HTML?

1.HTML是“HyperText Markup Language”首字母的缩写。也称超文本标记语言,标记语言是指用标签来描述网页,其中超文本超越了文本的限制:不但可以标记文本,还可以标记图片、音视频等资源;超级链接文本:通过这个链接文本,可以从一个页面转跳到另外一个页面。

HTML语法

  • 某些属性值可以省略
  • 标签和属性不区分大小写
  • 空标签可以不闭合
  • 属性值推荐使用双引号包裹

html、head、body

  1. <html>标签:它是当前HTML文档的根元素。

  2. <html>标签的lang属性 这个属性主要是给浏览器的翻译功能和搜索引擎(谷歌、百度等)的爬虫使用的,浏览器显示什么是由其内容和字符编码而定。

  3. <html>标签的子元素

    1. <head>标签:表示当前HTML文档的元数据部分
    2. <body>标签:表示当前HTML文档的内容部分

路径

  1. 根目录:当前html文件所在的文件夹即是根目录,用./表示

  2. 绝对路径

    1. 硬盘中的某个位置
    2. 网页中的URL`
  3. 相对路径:相对当前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>