关于H5的标签整理合集(一)
H5的所有标签
HTML基础语法,在HTML中,用于描述功能的符号称为 标记
标记在使用过程中,必须用 <> 括起来
- 标记分为:
- 封闭类型标记
- 非封闭类型标记
我们分别来解释这两个标记的意思和用法:
1、封闭类型标记,必须成对出现:
<标记>内容</标记>注意:封闭类型标记必须有结束</>***
ex:
< a>百度< /a>
< a>百度< /a>
2、非封闭类型标记,也称为 空标记,单标记
语法:<标记>或<标记/>
ex:
< br/>
< hr/>
< img>
< link>
单标记很少,我们现在能用到这就是这几个,好好记忆一下,以后我们会用的多,也会越来越学的多。
接下来我们介绍一下H5的标签以及意思和它的用法:
< html>< /html>标识HTML文档的起始和终止
(---->所有的内容都要在他里面写出来,不可以写到外面)< head>< /head>标识HTML文档的头部区域
< title>< /title>标识网页标题
这样之类的网页标题,都是在这个标签下写出来
- < body>< /body>标识HTML文档的主体区域
一张网页面显示的内容都在body这个标签下写出来,也是文档的主体区域
- < hi>< /hi>标识标题文本,其中i 表示1,2,3,4,5,6,分别标识几级的意思。
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
# 注意:
只有1~6个标题,没有第7个以及更多,标题只有六个,切记
< p>< /p>标识段落文本
< pre>< /pre>标识预定义文本(被包围在per元素的文本中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体)
< div>< /div>通常作为容纳其它元素的容器,俗称盒子,为块级元素
表现形式:独占一行< blink>< /blink> 标识闪烁文本,以闪烁效果显示(IE浏览器不支持该标签)
< span>< /span> 设置同一行文本的不同样式
< hr />:水平线标签,哪里需要放哪里。
< pre>< /pre> 预格式标签pre:浏览器默认显示样式:
1、显示为等宽字体
2、代码中的换行,空格等元素可在浏览器直接显示< ol>< /ol>:有序列表。其中包含< li>为列表项。
< ul>< /ul>:无序列表。其中包含< li>为列表项。
< dl>< /dl>:定义描述列表。< dt>列表标题。一般仅一项,标题顶格
< dd>列表描述项。可以有多项,对比标题缩进显示。< figure>< /figure>:组合标签。用于显示图片及图片标题
两个子标签: < img />图片
< figcaption>< /figcaption>图片的标题
文本标记
1、在html中,任意多个空格,和回车,最后都会被解析成1个空格
2、由<所包裹的文本,会当成标记被解析>
3、通过 转义字符 的特殊表现方式表示特殊效果
& lt; : < (less than)& gt; : > (greater than)& nbsp; :空格& copy; : ©️& yen; : ¥
二、文本标记
文本样式
< b>要添加的文字< /b> 加粗
< i>要添加的文字< /i> 斜体
< u>要添加的文字< /u> 下划线
< s>要添加的文字< /s> 删除线
< sup>要添加的文字< /sup> 上标
< sub>要添加的文字< /sub> 下标
好了,以上这些都是最常用的标签,可能提供的不详细,不完整,希望大家多提意见多评论,我会在后期再次进行整理的,并配合代码图进行讲解。
还有,这些都是要背过的,可不要偷懒啊
关于H5的标签整理合集(一)相关推荐
- 关于html5的标签整理合集(二)
今天我继续来补充html5的标签整理,都是一些重点的: 超链接跳转 href:用于指定链接目标的url地址,当为标签的应用href属性时,他就具有了超链接的功能. target:用于指定链接页面的打开 ...
- 太棒了!2018-2020前端经典面试题整理合集,还附带大厂面试题分享!
2018到2020年,3年经典面试题整理合集,话不多说,直接上题. 1,盒模型 1.1,ie 盒模型算上 border.padding 及自身(不算 margin),标准的只算上自身窗体的大小 css ...
- Fwcms模板建站常见问题整理合集解答
Fwcms模板建站常见问题整理合集解答 Fwcms.cn推出模板建站系统,用户可通过网站直接自助下单,实现自助建站,模板建站主要针对网站建设小需求客户,最大的优点就是价格低.速度快,如果选用海外空间, ...
- 07年博士考题整理合集!
上二医2004及以前内分泌和生化考博试题.rar 中国科学院2000-2004年博士入学部分考题.txt 浙江大学2006年传染病学博士(秋)入学考试试题.txt 同济医学院06妇产科博士入学考题.t ...
- 【推荐】数字化转型和案例及IT规划资料整理合集
数字化转型(Digital transformation)是建立在数字化转换(Digitization).数字化升级(Digitalization)基础上, 进一步触及公司核心业务,以新建一种商业模式 ...
- 蓝桥杯大赛决赛整理合集(B组C/C++)
蓝桥杯大赛决赛整理合集(B组C/C++) 根据大纲梳理一遍,也在全文最后补充了最几年的决赛真题,全文基于C++编写,希望对你有所帮助 关于省赛的反思: 1.我的Code::Block 20.03在机房 ...
- 《OSChina每日一博》2018年05月整理合集
<OSChina每日一博>2018年05月整理合集 简介 收录开源中国每日推荐的优秀博客文章,开源中国每日会推荐一篇比较优秀的博客文章,称之为每日一bo,文章实属精品,收藏于此,供自己慢慢 ...
- 【FPGA】面试问题及答案整理合集
面试问题及答案整理合集 1.硬件描述语言和软件编程语言的区别 2.FPGA选型问题 3.建立时间和保持时间问题 3.亚稳态问题 4.竞争和冒险问题 5.乒乓操作问题 6.同步和异步逻辑电路 7.同步复 ...
- PyTorch 常用代码段整理合集
PyTorch 常用代码段整理合集 来源:知乎 作者:张皓 众所周知,程序猿在写代码时通常会在网上搜索大量资料,其中大部分是代码段.然而,这项工作常常令人心累身疲,耗费大量时间.所以,今天小编转载了知 ...
- 【推荐】智慧教育,智慧课堂研究分析资料整理合集
智慧教育即教育信息化,是指在教育领域(教育管理.教育教学和教育科研)全面深入地运用现代信息技术来促进教育改革与发展的过程.其技术特点是数字化.网络化.智能化和多媒体化,基本特征是开放.共享.交互.协作 ...
最新文章
- python 学习之输出流重定向
- php连接数据库语言,PHP语言连接MYSQL数据库实例代码
- react获取state的值并更新使用
- 同批号不同批次同一单据中出现数量不限制
- VS2010 C++下编译调试MongoDB“.NET研究”源码
- AnalyticDB for MySQL:PB级云数仓核心技术和场景解析
- Tomcat版本与Servlet、JSP等版本的支持关系
- html 手机访问优化,移动端首屏优化
- OpenGL基础40:Uniform缓冲
- Python代码自动转成C++代码
- hibernate执行完查询操作后又执行许多更新操作
- html5播放加速,Video Speed Controller Chrome(HTML5视频加速播放插件) v0.3.2 官方免费版...
- 为什么说甲骨文裁员也属无奈之举?
- pdf关键字高亮 java_Java查找并高亮PDF文本过程解析
- VScode安装Live Server插件打开时提示 Open a folder or workspace (File Open Folder)
- hr标签和注释的总结
- 批量解压多个rar压缩包并将解压出来的文件以该压缩包的名称重命名
- CCNP 6 ISIS
- 小米Max 2完美刷成开发版获得root超级权限的流程
- [Linux]关于SIGCHLD