HTML文字与段落标记
2016-03-28 15:06
274 查看
1.标题字
概述:标题级别由<h1>到<h6>元素来定义
(1)标题字对齐属性align
语法:<h1 align = "left">1级标题左对齐</h1>
2.文本基本标记
概述:<font>标记用来控制字体、字号和颜色等属性。
(1)字体属性face
概述:可以通过face属性设置不同的字体
语法:<p><font face = "宋体">有缘千里来相会</font></p>
(2)字号属性
语法:<p><font size = "7">有缘千里开相会</font></p>
<p><font size = "+3">温柔的晚安</font></p>
说明:size属性用来设置字体的大小,它有绝对和相对俩种方式。从1到7的整数,代表字体大小的绝对字号。从-4到+4的整数,字体相对于3号放大和缩小
提示:font标记和他的属性可影响周围的文字,该标记可应用于文本段落、句子和单词,甚至单个字母
3.文本格式化标记
概述:在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、斜体标记和文字的上下标等。
(1)粗体标记 b strong
概述:<b><strong>是HTML中格式化粗体文本的最基本元素。
语法:<b>加粗的文字</b>
<strong>加粗的文字</strong>
<p><b>对文字进行加粗</b></p>
<p><strong>对文字进行加粗</strong></p>
说明:这俩个标记都是行内元素,可以插入到一段文本的任何部分
(2)斜体标记 i;em;cite
(3)上标标记 sup
语法: a<sup>2</sup>+b<sup>2</sup> = (a+b)<sup>2</sup>-2ab
结果:a2+b2 = (a+b)2 -2ab(常用于数学的多少次方)
(4)下标标记sub
语法:H<sub>2</sub>SO<sub>4</sub>
常用于化学元素
(5)大字号标记 big
语法:<big>剩下黑与白天的对立<br>
如果说我是真的爱你</big><br>
说明:在定义的字号大小基础上增加一级
(6)小字号标记small
与big相反
(7)下划线标记u
语法:<u>下划线内容</u>
说明:作用于需要加下划线的内容
4.段落标记
概述:在网页中如果要把文字有条理的显示出来,就要使用段落标记<p>
(1)段落标记<p>
语法:<body>
不敢相信<p align = "right">
斗志的比拼<p align = "center">
<p>我是国王<p>
说明:段落标记可以没有结束标记</p>,而每一个新的段落标记开始的同时意味着上一个段落的结束
(2)换行标记br
概述:作用是在不另起一段的情况下,将当前文本强制换行,连续的多个标记可以实现多次换行
提示:<br>是唯一可以为文字分行的方法。其他标记如<p>,可以为文字分段
(3)不换行标记nobr
概述:在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理,可以使用nobr标记来禁止自动换行
5.水平线
概述:在网页中会有一些水平线将段落与段落之间隔开,这些水平线可以通过插入图片实现,也可以简单的通过标记来完成
(1)插入水平线hr
语法:<p align = "center">五月的中秋</p>
<hr>
(2)水平线宽度width
语法:<p align = "center">五月的中秋</p>
<hr width ="500">
说明:水平线的宽度值可以是确定的像素值,也可以是窗口的百分比
(3)水平线高度size
语法:<p align = "center">五月的中秋</p>
<hr size = "3">
说明:水平线的高度值只能是像素值
(4)水平线去掉阴影noshade
概述:用于定义浏览器是否显示水平线的阴影
语法:<p align = "center">五月的中秋</p>
<hr width = "700" size = "3" noshade>
(5)水平线颜色color
语法:<p align = "center">五月的中秋</p>
<hr width = "700" size = "3"color = “#CC6600”>
说明:颜色代码是十六进制的数值;在实际网页中,水平线常用来分割不同的内容
(6)水平线排列align
语法:<p align = "center">五月的中秋</p>
<hralign = "right" width = "700" size = "3"
color = “#CC6600”>
6.其他标记
概述:在网页中除了可以输入汉字、英文和其他语言外,还可以输入一些空格和特殊字符,如 $ #...
(1)插入空格
概述:可以用许多不同的方法来分开文字,包括空白、标签和Enter,这些都被称为空格,因为他们可以增加字与字之间的距离
语法:<p> 床前明月光, ; ;疑是地上霜。</p>
(2)插入特殊符号
概述:除了空格以外,在网页中,还有一些特殊的符号也需要使用代码进行代替,一般情况下,特殊符号的代码有前缀 “&”、字符名称和后缀“;“组成。使用 方法与空格符类似
特殊符号 符号代码
" "
& &
< <
> >
✖️ ×
概述:标题级别由<h1>到<h6>元素来定义
(1)标题字对齐属性align
语法:<h1 align = "left">1级标题左对齐</h1>
2.文本基本标记
概述:<font>标记用来控制字体、字号和颜色等属性。
(1)字体属性face
概述:可以通过face属性设置不同的字体
语法:<p><font face = "宋体">有缘千里来相会</font></p>
(2)字号属性
语法:<p><font size = "7">有缘千里开相会</font></p>
<p><font size = "+3">温柔的晚安</font></p>
说明:size属性用来设置字体的大小,它有绝对和相对俩种方式。从1到7的整数,代表字体大小的绝对字号。从-4到+4的整数,字体相对于3号放大和缩小
提示:font标记和他的属性可影响周围的文字,该标记可应用于文本段落、句子和单词,甚至单个字母
3.文本格式化标记
概述:在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、斜体标记和文字的上下标等。
(1)粗体标记 b strong
概述:<b><strong>是HTML中格式化粗体文本的最基本元素。
语法:<b>加粗的文字</b>
<strong>加粗的文字</strong>
<p><b>对文字进行加粗</b></p>
<p><strong>对文字进行加粗</strong></p>
说明:这俩个标记都是行内元素,可以插入到一段文本的任何部分
(2)斜体标记 i;em;cite
(3)上标标记 sup
语法: a<sup>2</sup>+b<sup>2</sup> = (a+b)<sup>2</sup>-2ab
结果:a2+b2 = (a+b)2 -2ab(常用于数学的多少次方)
(4)下标标记sub
语法:H<sub>2</sub>SO<sub>4</sub>
常用于化学元素
(5)大字号标记 big
语法:<big>剩下黑与白天的对立<br>
如果说我是真的爱你</big><br>
说明:在定义的字号大小基础上增加一级
(6)小字号标记small
与big相反
(7)下划线标记u
语法:<u>下划线内容</u>
说明:作用于需要加下划线的内容
4.段落标记
概述:在网页中如果要把文字有条理的显示出来,就要使用段落标记<p>
(1)段落标记<p>
语法:<body>
不敢相信<p align = "right">
斗志的比拼<p align = "center">
<p>我是国王<p>
说明:段落标记可以没有结束标记</p>,而每一个新的段落标记开始的同时意味着上一个段落的结束
(2)换行标记br
概述:作用是在不另起一段的情况下,将当前文本强制换行,连续的多个标记可以实现多次换行
提示:<br>是唯一可以为文字分行的方法。其他标记如<p>,可以为文字分段
(3)不换行标记nobr
概述:在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理,可以使用nobr标记来禁止自动换行
5.水平线
概述:在网页中会有一些水平线将段落与段落之间隔开,这些水平线可以通过插入图片实现,也可以简单的通过标记来完成
(1)插入水平线hr
语法:<p align = "center">五月的中秋</p>
<hr>
(2)水平线宽度width
语法:<p align = "center">五月的中秋</p>
<hr width ="500">
说明:水平线的宽度值可以是确定的像素值,也可以是窗口的百分比
(3)水平线高度size
语法:<p align = "center">五月的中秋</p>
<hr size = "3">
说明:水平线的高度值只能是像素值
(4)水平线去掉阴影noshade
概述:用于定义浏览器是否显示水平线的阴影
语法:<p align = "center">五月的中秋</p>
<hr width = "700" size = "3" noshade>
(5)水平线颜色color
语法:<p align = "center">五月的中秋</p>
<hr width = "700" size = "3"color = “#CC6600”>
说明:颜色代码是十六进制的数值;在实际网页中,水平线常用来分割不同的内容
(6)水平线排列align
语法:<p align = "center">五月的中秋</p>
<hralign = "right" width = "700" size = "3"
color = “#CC6600”>
6.其他标记
概述:在网页中除了可以输入汉字、英文和其他语言外,还可以输入一些空格和特殊字符,如 $ #...
(1)插入空格
概述:可以用许多不同的方法来分开文字,包括空白、标签和Enter,这些都被称为空格,因为他们可以增加字与字之间的距离
语法:<p> 床前明月光, ; ;疑是地上霜。</p>
(2)插入特殊符号
概述:除了空格以外,在网页中,还有一些特殊的符号也需要使用代码进行代替,一般情况下,特殊符号的代码有前缀 “&”、字符名称和后缀“;“组成。使用 方法与空格符类似
特殊符号 符号代码
" "
& &
< <
> >
✖️ ×
相关文章推荐
- html-progress meter
- html-progress meter
- MVC学习系列——HtmlHelper扩展
- MVC如何在路由器(RouteConfig)定义后缀.html
- html 标签详解(基础<!DOCTYPE> )
- HTML基本标记
- HTML中<!DOCTYPE>标签的作用
- 用jq将html元素根据属性中的数据分组
- html 按钮旋转
- moon HTML 2016.03.27
- html Style display Property
- 初次接触html
- html关于div控制比例,及控制图片显示形状
- 为Odoo安装wkhtmltopdf
- HTML Canvas学习笔记
- 如何在手机上访问电脑上写好的html页面——通过iis
- HTML—Window.document对象
- html头部代码【转载】
- 如何在HTML不同的页面中,共用头部与尾部?
- HTML 笔记