Web开发的常用的Html标签

最新推荐文章于 2024-04-17 23:42:50 发布

我又来搬代码了

最新推荐文章于 2024-04-17 23:42:50 发布

阅读量966

点赞数 3

分类专栏： Web前端学习笔记文章标签： html 前端 java

本文链接：https://blog.csdn.net/qq_43358469/article/details/130638343

版权

Web前端学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Web 网页是由 HTML、CSS 和 JavaScript 等技术组成的可访问的超文本文档，这些技术使得 Web 网页可以呈现多媒体内容、动态交互和数据传递等功能。
Web 网页的结构是通过 HTML 标记来定义的。HTML 标记用于创建网页中的各种元素，例如标题、段落、列表、表格、链接等。通过合理地组织和嵌套 HTML 标记，可以创建出页面的基本结构，包括头部、主体、脚注等部分。

基本标签

<!DOCTYPE>：声明 HTML 文档类型。
<html>：定义一个 HTML 文档。
<head>：定义文档头部，包含了文档标题、字符集等信息。
<title>：定义文档标题，显示在浏览器的标题栏中。
<body>：定义文档的主体部分。

文本标签

<p>：定义一个段落。
<h1>-<h6>：定义标题一到六。
<strong>：定义加粗文本。
<em>：定义斜体文本。
<u>：定义下划线文本。
<strike>：定义删除线文本。
<br>：定义换行。

列表标签

<ul>：定义无序列表。
<ol>：定义有序列表。
  start：指定有序列表的起始编号。
  type：指定列表项的编号类型（阿拉伯数字、罗马数字等）。
<li>：定义列表项。

链接和图像标签

<a>：定义超链接。
  href：指定链接地址。
  target：指定链接目标窗口。
<img>：定义图像。
  src：指定图像位置。
  alt：指定图像的文本描述。

表格标签

<table>：定义表格。
  border：指定表格边框的宽度，一般会被样式覆盖。
  width：指定表格的宽度。
<tr>：定义表格的行。
<th>：定义表格的表头单元格。
  colspan：指定表头单元格占据的列数。
  rowspan：指定表头单元格占据的行数。
<td>：定义表格的数据单元格。
  colspan：指定数据单元格占据的列数。
  rowspan：指定数据单元格占据的行数。

表单标签

<form>：定义表单。
  action：指定表单提交到的地址。
  method：指定使用的请求方法。
<input>：定义表单输入字段。
  type：指定输入字段类型（例如，文本、密码、单选框等）。
  name：指定字段名称。
  value：指定字段的默认值。
<select>：定义下拉列表框。
  name：指定列表框名称。
<option>：定义下拉列表框中的选项。
  value：指定选项的值。
  selected：指定默认选中的选项。
<label>：定义表单控件的标签，可以使用户更容易地理解表单的目的。
  for：指定控件的 id，与该标签关联起来。
<textarea>：定义文本输入区域，用于输入大段的文本内容。
<button>：定义按钮。
  type：指定按钮类型（submit、reset、button等）。
<fieldset>：定义表单字段集合，用于组织表单控件，并可添加边框和标题。

多媒体标签

<audio>：定义音频内容。
  src：指定音频文件的 URL。
  controls：显示音频控件（播放/暂停、音量等）。
<video>：定义视频内容。
  src：指定视频文件的 URL。
  controls：显示视频控件（播放/暂停、音量等）。
  width：指定视频的宽度。
  height：指定视频的高度。

框架标签

<iframe>：定义内联框架，可以在当前页面中嵌入其他网页或 Web 应用程序。
  src：指定嵌入内容的 URL。
  width：指定框架的宽度。
  height：指定框架的高度。

其他标签

<div>：定义文档中的分组区块，可以通过 CSS 样式进行控制。
<span>：定义文档中的行内分组区块，也可以通过 CSS 样式进行控制。
<header>：定义页面的页眉部分。
<footer>：定义页面的页脚部分。
<nav>：定义导航菜单。
<section>：定义文档中的独立部分。
<aside>：定义文档中的侧边栏部分。
<article>：定义文章、博客等独立内容。

脚本标签和属性

<script>：定义 JavaScript 脚本。
  src：指定脚本文件的 URL。
  type：指定脚本的 MIME 类型，通常是 text/javascript。
onclick：指定元素的点击事件执行的 JavaScript 函数。
onload：指定元素的加载事件执行的 JavaScript 函数。
onsubmit：指定表单提交时执行的 JavaScript 函数

SEO 相关的标签和属性

<meta>：定义文档的元数据。
  name：指定元数据的名称，如 keywords、description、author等。
  content：指定元数据的值。
<link>：定义文档与外部资源之间的关系。
  rel：指定文档与链接资源之间的关系，如 stylesheet、icon等。
  href：指定资源的 URL。

这些标签可以进行灵活的组合和使用，以实现更加丰富和多样化的页面效果。同时，最好遵循 HTML 的语义化原则，使用正确的标签来展示对应的内容，这有利于提高页面的可读性和可访问性，也有助于搜索引擎优化。