【WEB前端进阶之路】 HTML 全路线学习知识点梳理（中）
创始人
2024-05-28 22:58:22
0次

前言

本文是HTML零基础学习系列的第二篇文章，点此阅读 上一篇文章。

在这里插入图片描述

文章目录

  • 前言
  • 六.HTML标题
    • 1.HTML标题
    • 2.HTML水平线
    • 3.HTML 注释
  • 七.HTML段落
    • 1.HTML段落
    • 2.HTML换行
  • 八.HTML文本格式化
  • 九.HTML链接
  • 十.HTML头部
  • 十一.HTML图像
  • 十二.HTML表格
  • 十三.HTML列表
  • 十四.HTML区块
    • 1.HTML区块元素
    • 2.HTML内联元素
    • 3.HTML的 div 元素
    • 4.HTML的 span 元素

六.HTML标题

1.HTML标题

标题是通过

-
标签进行定义的。

定义最大的标题。
定义最小的标题。浏览器会自动地在标题的前后添加空行，例如：

    
一级标题
二级标题
三级标题

标题用来正确的显示文章结构，通过不同的标题可以为文章建立索引，所以，标题是很重要的存在，所以，不要仅仅是为了生成粗体或大号的文本而使用标题。

2.HTML水平线

标签在 HTML 页面中创建水平线，例如：

    
段落1
段落2
段落3

3.HTML 注释

可以将注释插入 HTML 代码中，提高代码可读性，浏览器会忽略注释，也不会显示它们。

七.HTML段落

1.HTML段落

HTML可以将文档分为不同的段落。段落是通过

标签定义的，例如：

段落1...


段落2...

2.HTML换行

使用
标签在不产生新的段落的情况下换行，例如：

这是
换行的
演示


元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

八.HTML文本格式化

HTML 使用标签 (“bold”) 与 (“italic”) 对输出的文本进行格式, 如：粗体 or 斜体。也可使用标签 替换加粗标签 来使用, 替换 标签使用。但是两者的含义不同， 或者 标签有你要呈现的文本是重要的，所以要突出显示的意思。

文本格式化的标签及其作用：

标签作用
定义粗体文本
定义着重文字
定义斜体文字
定义小号文字
……

详细的HTML标签参考标签参考手册哦

九.HTML链接

HTML 使用超级链接与网络上的另一个文档相连，点击链接可以从一张页面跳转到另一张页面。

例如，使用 标签定义超文本链接：

链接文本

其中，可以定义属性实现相应的功能：

  • 使用 target 属性，你可以定义被链接的文档在何处显示。
  • id 属性可用于创建一个 HTML 文档书签。

十.HTML头部

1.HTML 元素：

元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: , <style>, <meta>, <link>, <script>, <noscript> 和 <base>。</code></p> <hr /> <p>2.HTML <code><title></code>元素：</p> <p><code><title></code> 标签定义了不同文档的标题。</p> <ul><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" /> 定义了浏览器工具栏的标题</li><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" /> 当网页添加到收藏夹时，显示在收藏夹中的标题</li><li class="task-list-item"><input type="checkbox" class="task-list-item-checkbox" disabled="disabled" /> 显示在搜索引擎结果页面的标题</li></ul> <p>例如，下面的HTML文档代码：</p> <pre><code class="prism language-html"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题

文档内容......

3.HTML 元素：

标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接，例如：

4.HTML 元素
标签定义了文档与外部资源之间的关系，例如：

5.HTML 元素

6.HTML 元素
标签描述了一些基本的元数据。

  • 标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。
  • 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
  • 一般放置于 区域。

7.HTML