Web初级——html常用标签归类

标签分类

基础标签

<!DOCTPYE> 定义文档类型

<html> 定义html文档</html>

<title>定义网页标题</title>

<address>文档作者</address>

<body>文档主体</body>

<h1>一级标题

    <h2>二级标题

        <h3>三级标题

            <h4>四级标题

                <h5>五级标题

                    <h6>六级标题</h6>

                </h5>

            </h4>

        </h3>

    </h2>

</h1>

<p>定义一个段落</p>

<br>转行符

<hr>水平线

<!--定义注释-->

格式标签

<acronym>只取首字母缩写</acronym>

<abbr>缩写</abbr>

<b>粗体文字</b>

<bdi>独立于上级格式的一段文本</bdi>

<bdo>文本方向</bdo>

<big>大号文本</big>

<blockquote>

    块引用

</blockquote>

<center>居中文本</center>

<cite>引用</cite>

<code>一段计算机代码</code>

<del>定义被删除文本</del>

<dfn>项目定义</dfn>

<em>强调文本</em>

<font>文本字体格式</font>

<i>斜体文字</i>

<ins>待插入文本</ins>

<kbd>键盘文本</kbd>

<mark>带记号文本</mark>

<meter>定义度量衡</meter>

<pre>预格式文本</pre>

<progress>运行中工作进度</progress>

<q>短引用</q>

<rp>定义不支持ruby元素的浏览器所显示的内容</rp>

<rt>定义字符（中文注音或字符）的解释或发音。</rt>

<ruby>定义ruby注释（中文注音或字符）</ruby>

<s>加删除线的文本</s>

<samp>计算机代码样本</samp>

<small>小号文本</small>

<strong>强调文本</strong>

<sub>下标文本</sub>

<sup>上标文本</sup>

<time>一个日期</time>

<u>下划线文本</u>

<var>文本变量</var>

<wbr>在文本中的何处适合添加换行符

表单标签

<form>定义一个表单

    <input>定义一个输入组件

    <datalist>规定了input元素的可能性列表</datalist>

    <textarea>多行输入文本</textarea>

    <button>

        定义按钮

    </button>

    <select>选择列表

        <optgroup>定义选择列表中的组合</optgroup>

        <option>列表选项</option>

    </select>

    <label>组件的标注</label>

    <fieldset>围绕表单组件的边框

        <legend>

        定义fieldset元素的标题

        </legend>

    </fieldset>

    <keygen>规定用于表单的密钥对生成器字段

    <output>定义一个计算的结果</output>

</form>

框架标签

<frameset>

    定义一个框架集

    <frame>定义一个窗口或者框架</frame>

    <iframe>

    内联框架

    </iframe>

</frameset>

<noframes>定义针对不支持框架的用户的替代内容</noframes>

图像标签

<img>定义图像

<map>定义图像映射</map>

<area>定义图像地图内部区域

<canvas>通过脚本绘制地图</canvas>

<figure>对元素进行组合

    <figcaption>定义一个 caption for a <figure> element</figcaption>

</figure>

链接标签

<a>一个链接</a>

<link>引用外部资源

<main>文档主题部分</main>

<nav>定义导航链接</nav>

表格标签

<table>定义一个表格

    <caption>表格标题</caption>

    <tr>行标签

        <th>表头单元</th>

        <th>表头单元</th>

    </tr>

    <tr>行标签

        <td>表格单元</td>

        <td>表格单元</td>

    </tr>

    <tr>行标签

        <td>表格单元</td>

        <td>表格单元</td>

    </tr>

    <thead>定义表格表头内容</thead>

    <tbody>定义表格主题内容</tbody>

    <tfoot>定义表格表注</tfoot>

    <col>定义表格中一个或多个列的属性值

    <colgroup>定义表格中供格式化的列组</colgroup>

</table>

样式标签

<style>定义文档的样式信息</style>

<div>定义一个块

    <span>定义文档的节</span>

</div>

<header>文档头</header>

<footer>文档尾</footer>

<section>文档区域</section>

<artile>文章内容</artile>

<aside>定义其所处内容之外的内容</aside>

<details>用户可见的或者隐藏的需求的补充细节</details>

<dialog>定义一个对话框</dialog>

<summary>定义一个可见的标题</summary>

元信息标签

<head>

    关于文档的一些信息

</head>

<meta>文档元信息

<base>定义页面中所有链接的默认地址或默认目标

<basefont>定义页面中文本的默认字体、颜色或尺寸</basefont>

程序标签

<script>js代码块</script>

<noscript>针对不支持客户端脚本的用户的替代内容</noscript>

<aoolet>定义嵌入的applet</aoolet>

<embed>定义一个容器

<param>对象参数

Web初级——html常用标签归类的更多相关文章

java web中jsp常用标签
在jsp页面开发过程中,经常需要使用JSTL(Java Server Pages Standard Tag Library)标签开开发页面,是看起来更加的规整舒服. JSTL主要提供了5大类标签库: ...
Web前端——Html常用标签及属性
html 常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列表格跨行 rowspan ...
01: html常用标签
目录: 1.1 web开发的三把利器介绍 1.2 网页头部head标签中几个常用标签 1.3 html常用标签归类 1.4 input系列标签 1.5 HTML其他标签 1.1 web开发的三把利器介 ...
web前端（5）—— 常用标签2
以下三个不仅是常用标签了,还非常重要,所以请务必好好看,重要性从高到低: 盒模型div div标签是最常用最重要的,它可以把web页面分割成很多的小块分别管理测试代码: <!DOCTYPE h ...
web@前端--html,css,javascript简介、第一个页面(常用标签简介)
1.什么是标签#1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签,#2. ...
一、HTML概述二、web相关的概念三、HTML的常用标签
一.HTML概述###<1>概念 HTML:Hypertext Markup Language,超文本标记语言,用来描述网页的一种语言. 非编程语言,由浏览器直接解释运行. ###< ...
移动端web开发尽量哪些标签常用标签及注意事项
H5手机移动端WEB开发资源整合常用的标签及注意事项: https://blog.csdn.net/u012118993/article/details/56023399 移动前端不得不了解的htm ...
Python web前端 01 HTML常用标签
Python web前端 01 HTML常用标签一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicr ...
web前端（4）—— 常用标签1
标题标签h1~h6 顾名思义,这些就是把字体设置为大字体的,就如博客园的这个编辑器里的格式: 不信的话我们自己设置看看:好的,从本篇文章开始,我们需要动手了 <!DOCTYPE html> ...
Android程序员学WEB前端(1)-HTML(1)-标准结构常用标签-Sublime
转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76522043觉得博文有用,请点赞,请评论,请关注,谢谢!~ 8月份了,换工作有2个月了 ...

随机推荐

Vue中引入echarts。
1.安装在终端vue项目的文件夹下运行npm install echarts --save安装依赖可以使用npm install echarts@("这里可以写版本号") -- ...
Springboot+vue 实现汽车租赁系统（毕业设计二）（前后端项目分离）
文章目录 1.系统功能列表 2.管理员端界面 2.1 商家登录界面 2.2 用户信息管理界面 2.3 汽车管理界面 2.4 订单界面 2.5 汽车图形报表 2.6 优惠券新增界面 3.普通用户界面 3 ...
硬核剖析ThreadLocal源码，面试官看了直呼内行
工作面试中经常遇到ThreadLocal,但是很多同学并不了解ThreadLocal实现原理,到底为什么会发生内存泄漏也是一知半解?今天一灯带你深入剖析ThreadLocal源码,总结ThreadLo ...
C# String.Empty和""的区别
个人观点 Empty其实是string类中的一个静态的只读字段,因为是静态成员变量,所以String.Empty是在设计String类的时候就已经在内存上分配好了空间,故在使用Empty这个变量的时候 ...
DQL语句
DQL语句 DQL(Data QueryLanguage )数据查询语言,基本结构是由SELECT子句,FROM子句,WHERE子句组成的查询块. 一.DQL概述 1.1.什么是DQL DQL:数据查 ...
day09-Tomcat01
Tomcat01 1.WEB开发介绍 WEB,在英文中WEB表示网/网络资源,它用于表示WEB服务器(主机)供浏览器访问的资源 WEB服务器(主机)上供外界访问的Web资源为: 静态web资源(如ht ...
用 vue3 中的 reduce（累加器）随机生成100个字母，放入数组中，统计每个字母出现的次数
一.首先不用 reduce() 来实现代码如下: <template lang=""> <div> <h1>统计每个字母出现的次数,不使用r ...
K8s如何启用cgroup2支持?
什么是 cgroup ️Reference: control groups(控制组),通常被称为cgroup,是Linux内核的一项功能.它允许将进程组织成分层的组,然后限制和监控各种资源的使用. 内 ...
.NET实现堆排序
堆排序及相关知识堆排序堆排序是利用堆这种数据结构而设计的一种排序算法,堆排序是一种选择排序,它的最坏,最好,平均时间复杂度均为O(nlogn),它也是不稳定排序.首先简单了解下堆结构. 堆堆是具 ...
一张VR图像帧的生命周期
"VR 应用程序每帧渲染两张图像,一张用于左眼,一张用于右眼."人们通常这样来解释 VR 渲染,虽然没有错,但可能过于简单化了.对于 Quest 开发人员来说,了解全貌是有益的,这 ...

Web初级——html常用标签归类

标签分类

基础标签

格式标签

表单标签

框架标签

图像标签

链接标签

表格标签

样式标签

元信息标签

程序标签

Web初级——html常用标签归类的更多相关文章

随机推荐

热门专题