您的位置:首页 > Web前端 > HTML

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)插入特殊符号

概述:除了空格以外,在网页中,还有一些特殊的符号也需要使用代码进行代替,一般情况下,特殊符号的代码有前缀 “&”、字符名称和后缀“;“组成。使用   方法与空格符类似

特殊符号  符号代码

"       "

& &

< <

> >

✖️ ×
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: