标签分类

基础标签

<!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常用标签归类的更多相关文章

  1. java web中jsp常用标签

    在jsp页面开发过程中,经常需要使用JSTL(Java Server Pages Standard Tag Library)标签开开发页面,是看起来更加的规整舒服. JSTL主要提供了5大类标签库: ...

  2. Web前端——Html常用标签及属性

    html 常用的标题等标签就不记录了,只记录一下比较少见的标签以及属性 表格 table td 单元格 tr 表的行 th 表头 td或th可以下面的两个属性达到跨行或跨列 表格跨行 rowspan ...

  3. 01: html常用标签

    目录: 1.1 web开发的三把利器介绍 1.2 网页头部head标签中几个常用标签 1.3 html常用标签归类 1.4 input系列标签 1.5 HTML其他标签 1.1 web开发的三把利器介 ...

  4. web前端（5）—— 常用标签2

    以下三个不仅是常用标签了,还非常重要,所以请务必好好看,重要性从高到低: 盒模型div div标签是最常用最重要的,它可以把web页面分割成很多的小块分别管理 测试代码: <!DOCTYPE h ...

  5. web@前端--html,css,javascript简介、第一个页面(常用标签简介)

    1.什么是标签#1.在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如`<html>`.`<head>`.`<body>`都是标签,#2. ...

  6. 一、HTML概述 二、web相关的概念 三、HTML的常用标签

    一.HTML概述###<1>概念 HTML:Hypertext Markup Language,超文本 标记语言,用来描述网页的一种语言. 非编程语言,由浏览器直接解释运行. ###< ...

  7. 移动端web开发 尽量哪些标签 常用标签及注意事项

    H5手机移动端WEB开发资源整合 常用的标签及注意事项: https://blog.csdn.net/u012118993/article/details/56023399 移动前端不得不了解的htm ...

  8. Python web前端 01 HTML常用标签

    Python web前端 01 HTML常用标签 一.HTML创建项目 file ---->new project -----> 输入项目名------>创建文件夹 new dicr ...

  9. web前端（4）—— 常用标签1

    标题标签h1~h6 顾名思义,这些就是把字体设置为大字体的,就如博客园的这个编辑器里的格式: 不信的话我们自己设置看看:好的,从本篇文章开始,我们需要动手了 <!DOCTYPE html> ...

  10. Android程序员学WEB前端(1)-HTML(1)-标准结构常用标签-Sublime

    转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76522043觉得博文有用,请点赞,请评论,请关注,谢谢!~ 8月份了,换工作有2个月了 ...

随机推荐

  1. Java多线程-线程生命周期（一）

    如果要问我Java当中最难的部分是什么?最有意思的部分是什么?最多人讨论的部分是什么?那我会毫不犹豫地说:多线程. Java多线程说它难,也不难,就是有点绕:说它简单,也不简单,需要理解的概念很多,尤 ...

  2. 开箱即用 yyg-cli（脚手架工具）：快速创建 vue3 组件库和vue3 全家桶项目

    1 yyg-cli 是什么 yyg-cli 是优雅哥开发的快速创建 vue3 项目的脚手架.在 npm 上发布了两个月,11月1日进行了大升级,发布 1.1.0 版本:支持创建 vue3 全家桶项目和 ...

  3. Pycharm自定义实时模板

    pycharm添加模板 添加装饰器模板 # 1.file-->Setting-->Editor-->Code Style -->Live Templates# 2." ...

  4. 【笔记】CF1251E Voting 及相关

    题目传送门 贪心: 一个人 \(i\) 要投票,两种情况:花钱,或当前的人数达到了 \(m_i\). 而当前达到 \(m_i\) 的话所有 \(m_j \le m_i\) 也就达到要求了. 所以考虑将 ...

  5. MessagePack 和System.Text.Json 序列号 反序列化对比

    本博客将测试MessagePack 和System.Text.Json 序列号 反序列化性能 项目文件: Program.cs代码: using BenchmarkDotNet.Running; us ...

  6. .NET实现堆排序

    堆排序及相关知识 堆排序 堆排序是利用堆这种数据结构而设计的一种排序算法,堆排序是一种选择排序,它的最坏,最好,平均时间复杂度均为O(nlogn),它也是不稳定排序.首先简单了解下堆结构. 堆 堆是具 ...

  7. Day17.1：静态与非静态的详解

    静态与非静态 静态方法--类方法 是以static为关键词,从属于类,与类共生 public class Students{//class修饰的是一个类,所以这是一个学生类 public static ...

  8. jmeter 从多个数中随机取一个值的方法

    问题描述:使用jmeter进行接口测试时,遇到枚举值(如:10代表闲置.15代表使用中.20代表维修等)我们需要随机取一个类型传到接口中. 解决思路:通过函数助手查找随机函数,找到__chooseRa ...

  9. MySQL 的 NULL 值是怎么存储的？

    大家好,我是小林. 之前有位读者在面字节的时候,被问到这么个问题: 如果你知道 MySQL 一行记录的存储结构,那么这个问题对你没什么难度. 如果你不知道也没关系,这次我跟大家聊聊 MySQL 一行记 ...

  10. JavaScript入门④-万物皆对象:Object

    01.Object对象 Object 是 JavaScript 的一种 数据类型,它用于存储各种键值集合和更复杂的实体,是一组数据和功能的集合.JS中几乎所有对象都是继承自Object,Array.R ...