HTTP常用标签

本文详细介绍了HTML中的各种标签,包括结构标签如HTML、head、body,文本标签如h1-h6、p,以及表单、列表、表格、多媒体和分区标签的使用。同时涵盖了常见属性的解释,帮助开发者构建丰富的网页内容。
摘要由CSDN通过智能技术生成

1. 结构标签(Structural Tags):

  • <html>:定义HTML文档的根元素。
  • <head>:包含文档的元信息。
  • <title>:设置网页标题,显示在浏览器标签页上。
  • <meta>:定义元数据,如字符集、描述、作者等。
  • <link>:引入外部资源,通常用于样式表和图标。
  • <style>:内部样式表。
  • <script>:内部脚本。
  • <body>:包含网页的主要内容。

2. 文本标签(Text Tags):

  • <h1> - <h6>:定义标题,级别从1到6逐渐减小。
  • <p>:定义段落。
  • <a>:创建超链接。
  • <span>:内联元素的容器,用于样式化文本的部分内容。
  • <strong>:表示文本的强调重点。
  • <em>:表示文本的强调斜体样式。
  • <br>:插入换行。
  • <hr>:插入水平线分隔符。
  • <blockquote>:引用长段落的内容。

3. 列表标签(List Tags):

  • <ul>:无序列表。
  • <ol>:有序列表。
  • <li>:列表项。

4. 表格标签(Table Tags):

  • <table>:定义表格。
  • <tr>:表格行。
  • <th>:表头单元格。
  • <td>:数据单元格。
  • <caption>:定义表格标题。

5. 表单标签(Form Tags):

  • <form>:定义表单。
  • <input>:各种输入字段,如文本框、密码框、单选按钮等。
  • <textarea>:多行文本输入框。
  • <select>:下拉菜单。
  • <option>:下拉菜单选项。
  • <button>:按钮,如提交按钮和重置按钮。
  • <label>:表单元素标签。
  • <fieldset>:创建表单组。
  • <legend>:定义<fieldset>的标题。

6. 多媒体标签(Multimedia Tags):

  • <img>:插入图像。
  • <audio>:嵌入音频。
  • <video>:嵌入视频。

7. 分区标签(Section Tags):

  • <header>:定义页眉部分。
  • <nav>:定义导航链接部分。
  • <main>:定义主要内容部分。
  • <article>:定义独立的文章内容。
  • <section>:定义文档中的节或区域。
  • <aside>:定义侧边栏内容。
  • <footer>:定义页脚部分。

8. 其他常用标签:

  • <div>:通用容器,用于组织内容和应用样式。
  • <iframe>:嵌入其他网页或文档。
  • <meta>:定义页面元数据,如字符集、关键词等。

常用属性:

  • id:为元素指定唯一的标识符。
  • class:为元素指定一个或多个样式类。
  • style:为元素指定内联样式。
  • src:指定外部资源的URL,如图片、音频和视频。
  • href:指定链接的目标URL。
  • alt:为图像指定替代文本。
  • widthheight:设置元素的宽度和高度。
  • colspanrowspan:跨列或跨行合并单元格。
  • placeholder:输入字段的提示性占位符。
  • required:设置输入字段为必填项。
  • disabled:禁用元素,如输入字段或按钮。
  • checked:选中复选框或单选按钮。
  • selected:选中下拉菜单中的选项。
  • autofocus:页面加载时自动聚焦元素。
  • readonly:设置输入字段为只读。

这只是HTML标签和属性的一小部分,HTML有许多其他标签和属性可用于创建丰富和交互性的网页。根据您的需要,选择适当的标签和属性来实现您的设计和功能目标。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值