html里加文字

HTML添加文字基础

基本结构与标签

HTML通过标签包裹文字内容,常用标签包括：

• 段落：<p> 用于包裹段落文字，自动换行。<h1>~<h6> 表示不同层级的标题，<h1>为最高层级。
• 文本格式化：
  • <strong>：加粗文字（语义强调）。
  • <em>：斜体文字（语义强调）。
  • <br>：强制换行。
  •  ：添加空格（HTML中连续空格会合并）。

示例代码

<p>这是一个段落，包含<strong>加粗文字</strong>和<em>斜体文字</em>。</p>
<h1>一级标题</h1>
<h2>二级标题</h2>

文本样式控制

内联样式与CSS类

1. 内联样式：直接在标签中设置style属性。

   <span style="color: red; font-size: 20px;">红色文字</span>

2. CSS类：通过class引用预定义样式。

   <span class="text-primary">蓝色文字</span>
   <style>
     .text-primary { color: blue; }
   </style>

特殊符号与编码

• 使用&#代码;表示特殊符号（如©显示©）。
• 中文编码需确保文件保存为UTF-8格式。

列表与表格

无序/有序列表

• 无序列表：<ul> + <li>。

  <ul>
    <li>项目一</li>
    <li>项目二</li>
  </ul>

• 有序列表：<ol> + <li>，默认数字编号。

表格结构

超链接与多媒体

超链接

• 基本语法：<a href="链接地址">点击文字</a>。
• 新窗口打开：添加target="_blank"。
• 邮件链接：<a href="mailto:example@test.com">发邮件</a>。

图片与视频

• 图片：<img src="路径" alt="描述" />（必须包含alt属性）。
• 视频：<video src="路径" controls></video>（支持.mp4等格式）。
• 音频：<audio src="路径" controls></audio>。

语义化标签

• 页眉/页脚：<header>、<footer>。
• 文章区域：<article>。
• 导航菜单：<nav>。
• 侧边栏：<aside>。

问题与解答

问题1：如何实现文字换行和多个连续空格？

解答：

• 换行：使用<br>
• 连续空格：使用 实体（每个 代表一个空格）。
示例：
这是一个<br>换行的例子。
这是&nbsp;&nbsp;&nbsp;三个空格。

问题2：图片无法显示的可能原因？

解答：

1. 路径错误：检查src属性是否为相对或绝对正确路径。
2. 文件名大小写：Linux服务器对大小写敏感（如Image.jpg≠image.jpg）。
3. 浏览器缓存：强制刷新（Ctrl+F5）或清除缓存重试。
4. 文件不存在：确认图片已上传至