HTML代码详解

人事部基金 · 发表于前天 19:26

杏吧有你，春暖花开！马上注册，看更多精彩内容！

您需要登录才可以下载或查看，没有帐号？立即注册

x

本帖最后由夙夜梦寐于 2025-2-13 10:01 编辑

基础的HTML标签

基础的HTML标签

每个HTML文档都包含以下几个基本部分：

<!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"UTF-8\">
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

复制代码

常用标签

标题标签
<h1> 到 <h6>：定义HTML标题。<h1> 是最高级别的标题，<h6> 是最低级别的标题。

<h1>这是主标题</h1>

复制代码

<h2>这是次级标题</h2>

复制代码

<b> 加粗文本。
<i> 斜体文本。
<br> 插入换行。
<p> 段落标签。

<p>这是一个段落。</p>

复制代码

文字居中

<p style=\"text-align: center;\">这段文字居中对齐。</p>

复制代码

文字右对齐

<p style=\"text-align: right;\">这段文字右对齐。</p>

复制代码

文字左对齐

<p style=\"text-align: left;\">这段文字左对齐（默认）。</p>

复制代码

颜色代码格式

<p style=\"color: red;\">这段文字是红色的。</p>

复制代码

<p style=\"color: #FF0000;\">这段文字是红色的。</p>

复制代码

背景颜色代码

<div style=\"background-color: #FF0000;\">这是红色背景</div>

复制代码

------------------------------
<strong> 表示文本的重要性。

<p>这是一个 <strong>重要</strong> 的句子。</p>

复制代码

------------------------------
<em> 表示强调的文本。
链接标签 <a>：定义超链接。

<a href=\"链接地址\">链接名称</a>

复制代码

图像标签 <img>：向网页插入图片。

<img src=\"图片地址\" alt=\"描述性文字\">

复制代码

列表标签
<ul>  无序列表。
<ol>  有序列表。
<li>  列表项。

<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>

复制代码

<ol>
<li>列表项 1</li>
<li>列表项 2</li>
</ol>

复制代码

表格标签
<table>  定义表格。
<tr>  表格行。
<th>  表头单元格。
<td>  标准单元格。

<table>
<tr>
<th>列 1</th>
<th>列 2</th>
</tr>
<tr>
<td>数据 1</td>
<td>数据 2</td>
</tr>
</table>

复制代码

帐号		自动登录	找回密码
密码			立即注册

选择推广文案

HTML代码详解

杏吧有你，春暖花开！马上注册，看更多精彩内容！

伯乐之星

管理之星

金点子

终身荣誉

活动冠军

每日签到能随机获得积分，积分在手天下我有！

快速升级！解锁版区，杏吧旗下APP资源点播，免费看更多的帖子！

选择推广文案

HTML代码 详解

杏吧有你，春暖花开！马上注册，看更多精彩内容！

伯乐之星

管理之星

金点子

终身荣誉

活动冠军

每日签到能随机获得积分，积分在手天下我有！

快速升级！解锁版区，杏吧旗下APP资源点播，免费看更多的帖子！

HTML代码详解