标签分类

基础标签

<!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. laravel 浏览器谷歌network返回报错html

    laravel 在谷歌报错的时候会返回html,对于调试来说很不方便.原因是在于: 这里返回的格式是json,但是报错时候返回的是整个html所以 相对路径: app\Exceptions\Handl ...

  2. Multi-Channel PCIe QDMA Subsystem

    可交付资料: 详细的用户手册 Design File:Post-synthesis EDIF netlist or RTL Source Timing and layout constraints,T ...

  3. SpringBoot问题集合

    Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as ...

  4. Linux备份文件加“时间”命令

    好记性不如烂笔头,好用. date命令用于显示及设置系统的时间或日期,如何设置时间此处不再多说. date命令非常强大,可以将数据备份命令与date命令结合在一起使用,可以便捷的分辨出每个文件的备份时 ...

  5. JAVA 用分苹果来理解本题

    思路 其实这是一道非常经典的分苹果问题:有m个一样的苹果和n个一样的盘子,把苹果放盘子里,每个盘子允许0-m个苹果,求问有多少种分法? 与本题的共通之点在于,输入的正整数可以看成m个苹果,拆分出的加数 ...

  6. 使用c#的 async/await编写 长时间运行的基于代码的工作流的 持久任务框架

    持久任务框架 (DTF) 是基于async/await 工作流执行框架.工作流的解决方案很多,包括Windows Workflow Foundation,BizTalk,Logic Apps, Wor ...

  7. 基于.NetCore开发博客项目 StarBlog - (20) 图片显示优化

    前言 我的服务器带宽比较高,博客部署在上面访问的时候几乎没感觉有加载延迟,就没做图片这块的优化,不过最近有小伙伴说博客的图片加载比较慢,那就来把图片优化完善一下吧~ 目前有两个地方需要完善 图片瀑布流 ...

  8. MySQL锁，锁的到底是什么？

    MySQL锁系列文章已经鸽了挺久了,最近赶紧挤了挤时间,和大家聊一聊MySQL的锁. 只要学计算机,「锁」永远是一个绕不过的话题.MySQL锁也是一样. 一句话解释MySQL锁: MySQL锁是解决资 ...

  9. SVNAdmin2 - 基于web的SVN管理系统

    1. 介绍 SVNAdmin2 是一款通过图形界面管理服务端SVN的web程序. 正常情况下配置SVN仓库的人员权限需要登录到服务器手动修改 authz 和 passwd 两个文件,当仓库结构和人员权 ...

  10. TypeScript 之 Type

    Type 描述:全称叫做 '类型别名',为类型字面量提供名称.比 Interface 支持更丰富的类型系统特性. Type 与 Interface 区别 Interface 只能描述对象的形状,Typ ...