这篇文章主要介绍了 HTML5基础学习之文本标签控制 ,文本与图片在网站上的运用是最广泛的,一个内容充实的网站必然会用大量的文本和图片,然后把超级链接应用到文本和图片上,需要的朋友可以参考一下
目录
- 一、文本标签控制
- 1.标题段落标签
- 2.文本格式化标签
- 2.1换行标签
- 2.2水平标签
- 2.3字形标签
- 2.4
一、文本标签控制
设计Web页面时要组织好页面的基本元素,同时再配合一些特效,构成一个绚丽多彩的页面。页面的组成对象包括文本、图片、表单、超链接以及多媒体等。内容是网站的灵魂,而文本则是构成网站灵魂的物质基础。文本与图片在网站上的运用是最广泛的,一个内容充实的网站必然会用大量的文本和图片,然后把超级链接应用到文本和图片上,才能使这些文本和图片“活”起来。
1.标题段落标签
标题段落在页面文字中起到格式化文本的作用,可以使得文本信息结构更清晰,读者可以一目了然。
1.1标题标签
标签用于定义段落标题的大小级数。标题其中i表示标题级数,取值范围为1到6之间的正整数。最大的标题级数是
,最小的标题级数是
。
可使用
标签的align
属性来控制文字的对齐方式,属性值可以是left
(左看齐)、center
(居中对齐)、right
(右对齐)和justify
(两端对齐,对齐进行伸展,这样每行都可以有相等的长度),默认的属性值为left。各级标题 这是第一级标题
这是第二级标题
这是第三级标题
这是第四级标题
这是第五级标题
这是第六级标题
1.2段落标签
标签用于划分段落,控制文本的位置。
段落内容
是成对标签,用于定义内容从新的一行开始,并与上段之间有一个空行。开始标签
和结束标签
之间写入段落内容。可使用
标签的algin属性定义新开始的一行的内容在页面中的对齐位置,属性值可以是
left
(左对齐)、center
(居中对齐)、right
(右对齐)和justify
(两段对齐,对行进行伸展,这样每行都可以有相等的长度)。标签的align属性不建议使用,可以利用CSS来代替。
段落标签 HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。 当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节
HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。 当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节
HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。 当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节
HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。 当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节
2.文本格式化标签
2.1换行标签
标签用于定义文本从新的一行显示。它不产生一个空行,但连续多个的
标签可以产生多个空行的效果。
标签是非成对标签,所以规范的换行标签在使用的时候记为
。注意:
标签只是简单地开始新的一行,而当浏览器遇到标签时,通常会在相邻的段落之间插入一些垂直的间距。
换行标签 HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。 当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节
HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。
当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节注意:注意观察
标签与标签的区别,特别是行间距
2.2水平标签
标签用于产生一条水平的线,以分隔文档的不同部分。
标签是非成对标签,所以规范的换行标签在使用的时候记为水平标签 前言
HTML5 的时代已经到来,各大浏览器早已做好准备,能很好的支持 HTML5 规范。
当前互联网技术飞速发展,但几乎每一个互联网产品,都无法回避前端开发这一环节2.3字形标签
字形标签用于设置文字的风格。
HMTL规范声明:
- 应该使用
~
来表示标题
- 使用标签来表示强调的文本
- 使用标签来表示重要文本
- 使用标签来表示标注的或突出显示的文本
- 根据HTML5规范,在没有其他标签更合适时,才应该把标签作为最后的选项。
2.4
标签
标签可以用来排版大块的HTML段落,设置多个段落的文本对齐方式等。目前
标签最重要的功能是结合CSS设计页面布局。标签是一种块(block)容器,默认状态时占据一行。这是一个在div元素中的标题
这是一个在div元素中的文本
2.5标签
标签被用来组合文档中的行内元素。使用方法和标签基本相同。行内容
标签没有固定的格式表现。当对他应用样式时,才会产生视觉上的变化。如果不对应用样式,那么span元素中的文本与其他文本不会有任何视觉上的差异。可以通过CSS对它定义样式,也可以通过JavaScript对它进行操作。
标签和
标签主要区别为:- 标签不换行,而标签换行
- 标签不包含
标签,而
标签可以包含标签和标签。
3.特殊字符标签
在HTML中:
- 特殊字符以“&”开头,以“;”结尾,中间为相关字符编码。
- 如用于声明标签的“<”和“>”,在页面上需要显示这两个符号的时候需要进行特殊处理。
- 在HTML编码中,用“<”表示“<”,用“>”表示“>”
到此这篇关于 HTML5基础学习之文本标签控制 的文章就介绍到这了,更多相关 HTML5文本标签控制 内容请搜索0133技术站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持0133技术站!
以上就是HTML5基础学习之文本标签控制的详细内容,更多请关注0133技术站其它相关文章!
猜你喜欢
- 常用的特殊符号有哪些?2020-02-20
- html中文为什么会乱码?html中文乱码怎么解决?2019-08-23
- 字体颜色怎么设置?2019-08-14
- html如何插入视频?2019-11-11
- HTML中文乱码怎么解决?2019-07-20
- txt是什么格式?2019-08-16
- 什么是代码?2019-08-23
- 空格键符号是什么?HTML中空格键符号有哪些?2019-08-30
- 标签不包含
- 应该使用