duration～
duration～

HTML基础

目录

  • 1.格式化文本
    • 1.1.& nbsp
    • 1.2.设置水平分割线粗细为5
    • 1.3.粗细为5且颜色为 #0033ff
    • 1.4.对齐方式
    • 1.5.两端对齐
    • 代码小结
  • 2.段落
    • 2.1.块级标记
    • 2.2.那些块级标记不能包含其他块级标记，哪些可以
    • 2.3.hr标签如何设置高度
    • 2.4.拼音音标注释ruby标记和rt/rp标记
    • 2.5.blockquote段落缩进
    • 2.6.预格式化pre标记
    • 代码小结
  • 3.列表
    • 3.1.列表概述
    • 3.2.无序列表（Unordered List）
    • 3.3.有序列表（Ordered List）
    • 3.4.列表嵌套（Nested Lists）
    • 3.5.定义列表（Definition List）
    • 代码小结
  • 4.超链接与浮动框架
    • 4.1.a标签
    • 代码小结
    • 4.2.内联框架
    • 代码小结
  • 5.图像和多媒体文件
    • 5.1.图像（Images）
    • 5.2.border属性和alt属性
    • 5.3.设置图像热区链接
    • 代码小结
    • 5.4.滚动文字
    • 代码小结
    • 5.5.多媒体文件
    • 代码小结

1.格式化文本

1.1.& nbsp

在前端代码中， 是一个特殊的 HTML 实体编码，它代表着一个不断开的空格（non-breaking space）。实际上， 是 Non-Breaking Space 字符的字符实体引用。

通常情况下，HTML 中的连续空格会被合并成一个空格，而使用 可以插入多个连续的不断开的空格。这对于需要保持连续空格的特殊排版需求非常有用，比如在文本对齐、制作表格或生成固定宽度的布局时。

例如，如果你想在 HTML 中插入 5 个连续的空格，你可以使用以下代码：

This is an example     text.

在浏览器渲染时， 会被解析为一个不断开的空格，确保这些空格不会被合并成一个。

需要注意的是， 只是一种特殊的字符实体引用，并不是 JavaScript 或其他编程语言中的语法元素。它只在 HTML 中有有效的解析规则。

1.2.设置水平分割线粗细为5

要设置水平分割线（水平线）的粗细为5，你可以使用CSS的border属性来实现。下面是一个简单的示例：

<hr style="border: 5px solid;">

在上述示例中，我们使用了hr元素创建了一条水平分割线，并通过内联样式的方式设置了border属性，将边框宽度设置为5像素(5px)，边框样式设置为空，边框颜色使用默认值。

你也可以通过CSS样式表的方式设置水平分割线的样式。例如：

<style>
  hr {
    border: 5px solid;
  }
style>

<hr>

上述示例中，我们在