杏吧_性吧_sex8_杏吧有你春暖花开

标题: HTML代码 详解 [打印本页]
作者: 人事部基金    时间: 2025-2-12 19:26
标题: HTML代码 详解
本帖最后由 夙夜梦寐 于 2025-2-13 10:01 编辑

基础的HTML标签


基础的HTML标签

每个HTML文档都包含以下几个基本部分：
  1. <!DOCTYPE html>
  2. <html lang=\"en\">
  3. <head>
  4.     <meta charset=\"UTF-8\">
  5.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
  6.     <title>页面标题</title>
  7. </head>
  8. <body>
  9.     <h1>这是一个标题</h1>
  10.     <p>这是一个段落。</p>
  11. </body>
  12. </html>
复制代码


常用标签

标题标签
<h1> 到 <h6>：定义HTML标题。<h1> 是最高级别的标题，<h6> 是最低级别的标题。
  1. <h1>这是主标题</h1>
复制代码
  1. <h2>这是次级标题</h2>
复制代码
<b> 加粗文本。
<i>  斜体文本。
<br>  插入换行。
<p> 段落标签。
  1. <p>这是一个段落。</p>
复制代码
文字居中
  1. <p style=\"text-align: center;\">这段文字居中对齐。</p>
复制代码
文字右对齐
  1. <p style=\"text-align: right;\">这段文字右对齐。</p>
复制代码
文字左对齐
  1. <p style=\"text-align: left;\">这段文字左对齐（默认）。</p>
复制代码
颜色代码格式
  1. <p style=\"color: red;\">这段文字是红色的。</p>
复制代码
  1. <p style=\"color: #FF0000;\">这段文字是红色的。</p>
复制代码
背景颜色代码
  1. <div style=\"background-color: #FF0000;\">这是红色背景</div>
复制代码
------------------------------
<strong>  表示文本的重要性。
  1. <p>这是一个 <strong>重要</strong> 的句子。</p>
复制代码
------------------------------
<em>   表示强调的文本。
链接标签 <a>：定义超链接。
  1. <a href=\"链接地址\">链接名称</a>
复制代码
图像标签 <img>：向网页插入图片。
  1. <img src=\"图片地址\" alt=\"描述性文字\">
复制代码
列表标签
<ul>  无序列表。
<ol>  有序列表。
<li>  列表项。
  1. <ul>
  2.   <li>列表项 1</li>
  3.   <li>列表项 2</li>
  4. </ul>
复制代码
  1. <ol>
  2.   <li>列表项 1</li>
  3.   <li>列表项 2</li>
  4. </ol>
复制代码
表格标签
<table>  定义表格。
<tr>  表格行。
<th>  表头单元格。
<td>  标准单元格。
  1. <table>
  2.   <tr>
  3.     <th>列 1</th>
  4.     <th>列 2</th>
  5.   </tr>
  6.   <tr>
  7.     <td>数据 1</td>
  8.     <td>数据 2</td>
  9.   </tr>
  10. </table>
复制代码

基础的HTML标签.txt

1.65 KB, 下载次数: 7



欢迎光临 杏吧_性吧_sex8_杏吧有你春暖花开 (http://www.fancha44.info/) Powered by Discuz! X3.2