美文网首页
4、HTML中的各类标签

4、HTML中的各类标签

作者: 小黄不头秃 | 来源:发表于2022-05-23 00:13 被阅读0次

一、HTML里面都有些什么标签

在网页的制作过程中,html用来制作网页的结构,而css是对网页进行渲染制作使用html标签时时应该注意的是语义而不是样式,我们来看看都有些什么标签呢?

具体标签内容以w3school为准:https://www.w3school.com.cn/html/index.asp
w3school提供了H5+CSS+JS的官方学习教程,非常值得学习。它里面注释了各种浏览器的支持情况,里面还会给测试代码。是一个非常优秀的网站。在开发过程中也会经常参考这个网站。

二、一些常用的标签

在开发网页的过程中,我最常使用的是如下标签。

  • <div>:块元素,主要用于构建网页的结构;
  • <span>:行内元素,不会换行,用于插入一段文本内容;
  • <p>:主要用于构建一个段落;
  • <input>:主要用于输入,可以设置里面的内容是数字还是密码等;
  • <img>:用于展示图片;
  • <h1>, <h2>, <h3>:一级标题,二级标题,三级标题;
  • < br>:换行;
  • <strong>:行内元素,不换行较粗文字;
  • <a>:超链接,有一定的样式,也可以调整;
  • <script>:脚本代码,主要用于编写逻辑代码;
  • <i>:行内元素,不换行,斜体;
  • <select>:用于下拉列表;
  • <option>:配合<select>使用,是下拉列表的选项;
  • <table>:表格;
  • <tr>: 表中的行;
  • <td>: 表中的单元格;

下面参考一位巨佬:https://m.php.cn/article/473687.html

<!--...-->定义注释。
<!DOCTYPE>定义文档类型。
<a>定义锚。
<abbr>定义缩写。
<acronym>定义只取首字母的缩写。
<address>定义文档作者或拥有者的联系信息。
<applet>不赞成使用。定义嵌入的 applet。
<area>定义图像映射内部的区域。
<article>定义文章。
<aside>定义页面内容之外的内容。
<audio>定义声音内容。
<b>定义粗体字。
<base>定义页面中所有链接的默认地址或默认目标。
<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>定义文本的文本方向,使其脱离其周围文本的方向设置。
<bdo>定义文字方向。
<big>定义大号文本。
<blockquote>定义长的引用。
<body>定义文档的主体。
<br>定义简单的折行。
<button>定义按钮 (push button)。
<canvas>定义图形。
<caption>定义表格标题。
<center>不赞成使用。定义居中文本。
<cite>定义引用(citation)。
<code>定义计算机代码文本。
<col>定义表格中一个或多个列的属性值。
<colgroup>定义表格中供格式化的列组。
<command>定义命令按钮。
<datalist>定义下拉列表。
<dd>定义定义列表中项目的描述。
<del>定义被删除文本。
<details>定义元素的细节。
<dir>不赞成使用。定义目录列表。
<div>定义文档中的节。
<dfn>定义定义项目。
<dialog>定义对话框或窗口。
<dl>定义定义列表。
<dt>定义定义列表中的项目。
<em>定义强调文本。
<embed>定义外部交互内容或插件。
<fieldset>定义围绕表单中元素的边框。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组,以及它们的标题。
<font>不赞成使用。定义文字的字体、尺寸和颜色。
<footer>定义 section 或 page 的页脚。
<form>定义供用户输入的 HTML 表单。
<frame>定义框架集的窗口或框架。
<frameset>定义框架集。
<h1> to <h6>定义 HTML 标题,可以改变标题的大小。
<head>定义关于文档的信息。
<header>定义 section 或 page 的页眉。
<hr>定义水平线。
<html>定义 HTML 文档。
<i>定义斜体字。
<iframe>定义内联框架。
<img>定义图像。
<input>定义输入控件。
<ins>定义被插入文本。
<isindex>不赞成使用。定义与文档相关的可搜索索引。
<kbd>定义键盘文本。
<keygen>定义生成密钥。
<label>定义 input 元素的标注。
<legend>定义 fieldset 元素的标题。
<li>定义列表的项目。
<link>定义文档与外部资源的关系。
<map>定义图像映射。
<mark>定义有记号的文本。
<menu>定义菜单列表。
<meta>定义关于 HTML 文档的元信息。
<meter>定义预定义范围内的度量。
<nav>定义导航链接。
<noframes>定义针对不支持框架的用户的替代内容。
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<object>定义内嵌对象。
<ol>定义有序列表。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<output>定义输出的一些类型。
<p>定义段落。
<param>定义对象的参数。
<pre>定义预格式文本。
<progress>定义任何类型的任务的进度。
<q>定义短的引用。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<s>定义加删除线的文本。
<samp>定义计算机代码样本。
<script>定义客户端脚本。
<section>定义 section。
<select>定义选择列表(下拉列表)。
<small>定义小号文本。
<source>定义媒介源。
<span>定义文档中的节。
<strike>不赞成使用。定义加删除线文本。
<strong>定义强调文本。
<style>定义文档的样式信息。
<sub>定义下标文本。
<summary>为 <details> 元素定义可见的标题。
<sup>定义上标文本。
<table>定义表格。
<tbody>定义表格中的主体内容。
<td>定义表格中的单元。
<textarea>定义多行的文本输入控件。
<tfoot>定义表格中的表注内容(脚注)。
<th>定义表格中的表头单元格。
<thead>定义表格中的表头内容。
<time>定义日期/时间。
<title>定义文档的标题。
<tr>定义表格中的行。
<track>定义用在媒体播放器中的文本轨道。
<tt>定义打字机文本。
<u>定义下划线文本。
<ul>定义无序列表。
<var>定义文本的变量部分。
<video>定义视频。
<wbr>定义视频。
<xmp>定义预格式文本。

相关文章

  • 4、HTML中的各类标签

    一、HTML里面都有些什么标签 在网页的制作过程中,html用来制作网页的结构,而css是对网页进行渲染制作使用h...

  • html5入门教程(六)视频和音频

    html 4 中的语法 标签的作用是在 HTML 页面中嵌入多媒体元素 标签的作用是在 HTML 页面中嵌入...

  • 【区别】<object>标签和 <embed&

    历史: 标签是 HTML 4 的标准标签(在HTML 5中依然保留,但是删除了部分属性) 标签是 HTML 5 的...

  • HTML500题

    HTML4 基础部分 p标签的使用 使用 请列举html4中避免使用的标签和属性,(参考)[http://www....

  • 前端组件总结

    1.Input标签 HTML标签 2.Button按钮 HTML标签 3.Select下拉组件 HTML标签 4....

  • 慕课 初识html+css

    第一章 html介绍 1-4 标签的语法 标签由英文尖括号<和>括起来,如 就是一个标签。 html中的标签一般都...

  • html表单

    html5 中的标签 其他标签 html中的属性

  • HTML标签4

    注:本文内容为本人学习慕课网前端知识时整理摘录,方便后续查阅。具体可访问原链接 1. 标签----和浏览器交互  ...

  • HTML5的简介和新旧标签得对比

    HTML5就是对HTML4得升级,在HTML5中标签更加语义化,我们之前常用的标签有div,h1-h6,p,ul,...

  • CSS选择器

    标签选择器(html中的标签名称) id选择器(html标签中绑定的id名) 类选择器(html标签中绑定的cla...

网友评论

      本文标题:4、HTML中的各类标签

      本文链接:https://www.haomeiwen.com/subject/fubhprtx.html