标签分类

基础标签

<!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. Hadoop生态系统—数据仓库Hive的安装

    一.数据仓库 数据仓库是一个面向主题的.集成的.随时间变化,但信息本身相对稳定的数据集合,相比于传统型数据库,它主要用于支持企业或组织的决策分析处理.主要有以下3个特点: 数据仓库是面向主题的: 数据 ...

  2. RedHat7.6安装mysql8步骤

    1.官网下载mysql安装包 直达链接:https://dev.mysql.com/downloads/mysql/    2.将下载好的安装包上传到redhat系统上(有多种上传方式,本次使用Sec ...

  3. .NET 6学习笔记（4）——如何在.NET 6的Desktop App中使用Windows Runtime API

    Windows Runtime API是当初某软为了区别Win32 API,力挺UWP而创建的另一套Windows 10专用的API集合.后来因为一些原因,UWP没火.为了不埋没很有价值的Window ...

  4. LcdToos设置“自动播放”和“上电自动开机”的作用

    "自动播放"功能,常用于屏演示或者老化功能,使能后,按开关点亮屏,PX01会自动按"画面定制"栏中进行自动顺序播放:开启方法如下: 打开相应的点屏工程,在&qu ...

  5. 折腾黑苹果-小新Pro13

    最近在闲鱼上购入了一台2020版的联想小新 Pro13,i5 10200u 16g 512g配置,Ax201网卡.这台机子原生硬件就可以完美黑苹果了,不需要更换配件.只是Ax201网卡不能随航和隔空投 ...

  6. pycharm系列---基本配置

    自动加入头文件 # _*_ coding: utf-8 _*_ # @Time : ${DATE} ${TIME} # @Author : xiechunhui # @Version:V 0.1 # ...

  7. onps栈移植说明（3）——添加网卡

    4. 添加网卡 移植的最后一步就是编写网卡驱动然后将网卡添加到协议栈.网卡驱动其本质上完成的是数据链路层的工作,在整个通讯链路上处于通讯枢纽位置,通讯报文的发送和接收均由其实际完成.针对网卡部分的移植 ...

  8. natapp内网穿透

    NATAPP 官网地址 https://natapp.cn/ 下载 点击下载,选择符合自己的版本 注册 下载完成后解压是个natapp.exe程序,这里先不用动,回到官网首页 完成注册并登录,选择免费 ...

  9. js判断数组中是否有重复数据

    var arr=[1,3,5,7,9,9,10,10,11,12,34,3,6,92,1]; var tempbool = false; //默认无重复 for (let index = 0; ind ...

  10. 前端学习 linux —— 软件安装(Ubuntu)

    软件安装(Ubuntu) 本篇主要讲解 ubuntu 中软件的安装.apt 的源.内网部署案例(graylog 为例),最后是 python 开发准备. apt 和 rpm 在linux 第一篇我们知 ...