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个月了 ...
随机推荐
- 驱动开发:内核枚举Minifilter微过滤驱动
Minifilter 是一种文件过滤驱动,该驱动简称为微过滤驱动,相对于传统的sfilter文件过滤驱动来说,微过滤驱动编写时更简单,其不需要考虑底层RIP如何派发且无需要考虑兼容性问题,微过滤驱动使 ...
- Python学习笔记----列表、元组和字典的基础操作
文章目录 一.列表的基本操作 1.1 修改列表中的某个数据 1.2 获取某个元素的返回值(返回的是索引) 1.3 在列表中插入新的元素 1.4 删除列表中的元素 1.5 +和* 二.内置的函数和方法 ...
- oracle expdp/exp ora-600/ora-39014报错处理
在一次数据迁移的时候,expdp导出报错,错误信息如下: 版本号:11.2.0.1 没有打PSU,查看报错的aler部分日志如下: 其中的某一些trc日志文件截图: Trace file d:\ora ...
- eDP接口简介
1. eDP背景介绍 随着显示分辨率的越来越高,传统的VGA.DVI等接口逐渐不能满足人们的视觉需求. 随后就产生了以HDMI.DisplayPort为代表的新型数字接口,外部接口方面HDMI占据 ...
- 第二阶段:高级核心基础知识·第4章shell特性·2
1.统计日志,日志内容 39.96.187.239 - - [11/Nov/2019:10:08:01 +0800] "GET / HTTP/1.1" 302 0 "-& ...
- 九、docker swarm主机编排
一. 什么是Docker Swarm Swarm 是 Docker 公司推出的用来管理 docker 集群的平台,几乎全部用GO语言来完成的开发的,代码开源在https://github.com/do ...
- 沁恒CH32V003(二): Ubuntu20.04 MRS和Makefile开发环境配置
目录 沁恒CH32V003(一): CH32V003F4P6开发板上手报告和Win10环境配置 沁恒CH32V003(二): Ubuntu20.04 MRS和Makefile开发环境配置 硬件准备 沁 ...
- 基于PCIe DMA的8通道视频采集&显示IP,兼容V4L2
基于PCIe DMA的8通道视频采集&显示IP,兼容V4L2 Video Capture&Display IP for V4L2 在主机端视频设备内核驱动V4L2 的控制和调度下,Vi ...
- JVM学习笔记——内存结构篇
JVM学习笔记--内存结构篇 在本系列内容中我们会对JVM做一个系统的学习,本片将会介绍JVM的内存结构部分 我们会分为以下几部分进行介绍: JVM整体介绍 程序计数器 虚拟机栈 本地方法栈 堆 方法 ...
- 嵌入式-C语言:通过结构体指针操作结构体内容
#include<stdio.h> #include<string.h> struct Student { char name[32]; int age; int height ...