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个月了 ...
随机推荐
- YOLOv5】LabVIEW+OpenVINO让你的YOLOv5在CPU上飞起来
前言 上一篇博客给大家介绍了使用opencv加载YOLOv5的onnx模型,但我们发现使用CPU进行推理检测确实有些慢,那难道在CPU上就不能愉快地进行物体识别了吗?当然可以啦,这不LabVIEW和O ...
- 常用RE对照表——敬请期待!!!
.* #任意长度任意字符
- 【ps下载与安装】Adobe Photoshop 2022 for Mac v23.5 中文永久版下载 Ps图像编辑软件
Adobe Photoshop 2022 mac破解版,是一款Ps图像编辑软件,同时支持M1/M2芯片和Intel芯片安装,此主要的更新包括多个新增和改进的功能,例如改进的对象选择工具,其悬停功能可预 ...
- python关于Django搭建简单博客项目(教程)
由于csdn各种django blog博文都有或多或少的bug,所以我决定自己写一篇,先附上教程,详解在另一篇博文里,为了便于大家复制粘贴,本文代码尽量不使用图片. 源代码及解析文章请在我的githu ...
- LcdToos设置“自动播放”和“上电自动开机”的作用
"自动播放"功能,常用于屏演示或者老化功能,使能后,按开关点亮屏,PX01会自动按"画面定制"栏中进行自动顺序播放:开启方法如下: 打开相应的点屏工程,在&qu ...
- 5.pygame快速入门-精灵和精灵组
在之前案例中,图像加载.位置变化.绘制图像都需要编写代码分别处理 pygame提供了两个类简化开发步骤 pygame.sprite.Sprite #精灵,存储图像数据image和位置rect的对象 p ...
- 学习Java AES加解密字符串和文件方法,然后写个简单工具类
Reference Core Java Volume Ⅱ 10th Edition 1 对称加密 "Java密码扩展"包含了一个Cipher,它是所有密码算法的超类.通过getIn ...
- 一次 Java log4j2 漏洞导致的生产问题
一.问题 近期生产在提交了微信小程序审核后(后面会讲到),总会出现一些生产告警,而且持续时间较长.我们查看一些工具和系统相关的,发现把我们的 gateway 差不多打死了. 有一些现象. 网关有很多接 ...
- ThreadPoolExecutor BlockingQueue讲解
有四种常用阻塞队列策略: 1.直接拒绝:(Direct Handoffs) 一个好的工作队列应该是不缓存任务,而是直接交给线程处理,就如SynchronousQueue一样.一个任务将会入队失败,如果 ...
- Sql Server性能排查和优化懒人攻略
转载自作者zhang502219048的微信公众号[SQL数据库编程]:Sql Server性能排查和优化懒人攻略 很多年前,笔者那时刚从广东技术师范学院(现为广东技术师范大学,以前为广东民族学院)的 ...