显示显示 - Html (1)

📌 相关文章

📜 显示显示 - Html (1)

📅 最后修改于: 2023-12-03 14:55:12.386000 🧑 作者: Mango

显示显示 - HTML

HTML（Hypertext Markup Language）可用于在Web浏览器中显示文本和图形。HTML使用标记或元素来描述网页的结构和内容。这些标记构成了HTML文档。

基本结构

一个HTML文档通常由以下三个部分组成：

<!DOCTYPE html>：HTML文档的类型声明，表示它遵循HTML5规范。
<html>：HTML文档的根元素，包含了整个HTML文档。
<body>：HTML文档的主体，包含了文档中显示的内容。

<!DOCTYPE html>
<html>
  <head>
    <title>我的网页</title>
  </head>
  <body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个示例网页</p>
    <img src="image.jpg" alt="图片">
  </body>
</html>

标题

在HTML中，可以使用<h1>至<h6>元素创建6个不同级别的标题。<h1>是最高级别的标题，<h6>是最低级别的标题。

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落

在HTML中，可以使用<p>元素创建段落。

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

图像

在HTML中，可以使用<img>元素插入图像。

<img src="image.jpg" alt="图片">

src属性指定图像文件的URL。alt属性用于在图像无法显示时显示替代文本。

超链接

在HTML中，可以使用<a>元素创建超链接。

<a href="http://www.example.com">链接文字</a>

href属性指定链接的URL，链接文字是可点击的。

列表

在HTML中，可以使用<ul>元素或<ol>元素创建无序列表或有序列表。

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

<ol>
  <li>有序列表项1</li>
  <li>有序列表项2</li>
  <li>有序列表项3</li>
</ol>

<li>元素表示各个列表项。

表格

在HTML中，可以使用<table>元素创建表格。

<table>
  <tr>
    <th>列1标题</th>
    <th>列2标题</th>
  </tr>
  <tr>
    <td>行1列1</td>
    <td>行1列2</td>
  </tr>
  <tr>
    <td>行2列1</td>
    <td>行2列2</td>
  </tr>
</table>

<tr>元素表示表格行，<th>元素表示表格头，<td>元素表示表格数据。

表单

在HTML中，可以使用<form>元素创建表单。

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name">
  <br>
  <label for="email">邮箱：</label>
  <input type="email" id="email">
  <br>
  <input type="submit" value="提交">
</form>

<label>元素用于标记表单字段，for属性指定与之关联的字段。<input>元素是表单字段，type属性指定字段类型，id属性用于用于与<label>元素关联。<input>元素与<button>元素一样，可以作为提交表单的按钮。