html常用标记以及用法
一、什么是HTML
HTML(HyperText Markup Language)即超文本标记语言,是一种用于创建网页的标准标记语言。它通过标记来描述网页中的内容,包括文本、图像、超链接等,并且通过标签来对这些元素进行包裹和定义。
二、HTML常用标记
1. 标题标记(h1-h6)
标题标记用于定义页面中的标题级别,根据重要性和层次性,从h1到h6共有六个级别,其中h1是最高级别,h6是最低级别。示例如下:
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
...
<h6>这是六级标题</h6>
2. 段落标记(p)
段落标记用于定义页面中的段落,也是最常用的标记之一。将需要包裹的文本放在<p>和</p>标签之间即可。示例如下:
<p>这是一个段落。</p>
3. 文本格式标记(strong、em、u、s)
文本格式标记用于对文本进行格式化,如加粗、倾斜、下划线、删除线等。示例如下:
<strong>这个文本会被加粗显示</strong>
<em>html href属性这个文本会被倾斜显示</em>
<u>这个文本会被添加下划线</u>
<s>这个文本会被添加删除线</s>
4. 超链接标记(a)
超链接标记用于创建超链接,使用户能够点击链接跳转到其他页面或位置。通过href属性指定链接的目标。示例如下:
<a href="">这是一个超链接</a>
5. 图像标记(img)
图像标记用于在网页中插入图片。通过src属性指定图片的路径。示例如下:
<img src="image.jpg" alt="图片描述">
6. 列表标记(ul、ol、li)
列表标记用于创建无序列表和有序列表。无序列表使用<ul>标签,有序列表使用<ol>标签,列表项使用<li>标签。示例如下:
<ul>
  <li>列表项1</li>
  <li>列表项2</li>
</ul>
<ol>
  <li>列表项1</li>
  <li>列表项2</li>
</ol>
7. 表格标记(table、tr、th、td)
表格标记用于创建表格。使用<table>标签定义表格,<tr>标签定义表格行,<th>标签定义表头单元格,<td>标签定义普通单元格。示例如下:
<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>22</td>
  </tr>
</table>
8. 表单标记(form、input、label、button)
表单标记用于创建表单,方便用户输入和提交数据。使用<form>标签定义表单,<input>标签定义输入框,<label>标签定义输入框的标签,<button>标签定义按钮。示例如下:
<form>
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>
 
  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>
 
  <button type="submit">登录</button>
</form>
9. 块标记(div、span)
块标记用于对页面中的内容进行分组和样式定义。<div>标签用于定义一个块级元素,<span>标签用于定义一个内联元素。示例如下:
<div class="container">
  <span class="highlight">这是一个块级元素</span>
</div>
三、总结
以上是HTML常用标记的使用方法。掌握这些标记可以更好地编写网页内容,并使网页结构更加清晰和易于理解。在实际使用过程中,可以根据需要使用不同的标记组合,灵活运用HTML的各种功能。希望本文对你学习和使用HTML有所帮助。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。