HTML学习笔记——文字与段落标记

2.1标题字
HTML文档中包含有各种级别的标题，各种级别的标题由< h1 >到< h6 >元素来定义。其中< h1 >代表最高级别的标题，依次递减。
2.1.1标题字标记h
对于不同的浏览器，其确切的点阵尺寸的大小也不相同，但< h1 >标题大约是标准文字高度的2到3倍， < h6 >标题则比标准字体略小。
语法：< hn >n级标题</ hn > //n代表标题级数
2.1.2 标题字对齐属性align
默认情况下，标题文字是左对齐的。而在网页制作过程中，常常需要选择其他的对齐方式。关于对齐方式的设置要使用align参数进行设置。
语法：<align=对齐方式>
align属性需要设置在标题标记的后面。常见的对齐方式的取值由left，center，right。
2.2文本基本标记
< font >标记用来控制字体、字号和颜色等属性，它是HTML中最基本的标记之一，掌握好< font >标记的使用是控制网页文本的基础。
2.2.1 字体属性face
可以通过字体的face属性设置不同的字体，设置的字体效果必须在浏览器中安装相应的字体后才可以正确浏览，否则有些特殊字体会被浏览器中的普通字体所代替，因此，在网页中尽量减少使用过多的特殊字体，以免在用户浏览时无法看到正确的效果。
语法：<font face=”字体样式”>......</font>
2.2.2字号属性size
文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外，HTML语言还提供了< font >标记的size属性来设置普通文字的字号。
size属性用来设置字体的大小，它有绝对和相对两种方式。从1到7的整数，代表字体大小的绝对字号。从-4到+4的整数，字体相对于3号放大和缩小字号。
语法：<font size=”文字字号”>......</font>
2.2.3 颜色属性color
在HTML页面中，还可以通过不同的颜色表现不同的文字效果，从而增加网页的亮丽色彩，吸引浏览者的注意。
语法：<font color=”字体颜色”>......</font>
2.3 文本格式化标记
在HTML中，还有一些文本格式化标记用来设置文字以特殊的方式显示，如粗体标记、斜体标记和文字的上下标等。
2.3.1 粗体标记b、strong
< b >和< strong >是HTML中格式化粗体文本的最基本元素。在< b >和< /b >之间的文字或在< strong >和< /strong >之间的文字，在浏览器中都会以粗体字体显示。该元素的首尾部分都是必须的，如果没有结尾标记，则浏览器会认为从< b>开始的所有字体都是粗体。< b >和< strong >是行内元素，它可以插入到一段文本的任何部分。
语法：

<b>加粗的文字</b><strong>加粗的文字</strong>

2.3.2 斜体标记i、em、cite
语法：

<i>斜体文字</i>< em >斜体文字< /em >< cite >斜体文字< /cite >

2.3.3上标标记sup和下标标记sub
< sup >元素也是行内元素，它可以成对出现在一段文字的任何地方，并且允许嵌套使用。因此如果在< sup >里再使用< sup >则会变成“上标的上标”。同理下标标记sub亦如此。
语法：

< sup >上标的内容< /sup >< sub >下标的内容< /sub >

2.3.4 大字号标记big和小字号标记small
Big标记用来增大文本中字号的大小，它所包含的文字都会在原来的字号上增加一级。如果由多个< big >元素作用于同一个文本，则字号会被逐级增大。< big >作为一个行内元素，它可以成对出现在一段文字中的任何位置。小字号标记< small >亦如此。
语法：

< big >大字号内容< /big >< small>小字号内容< /small>

2.3.5 下划线标记u
语法：< u >下划线的内容< /u>
2.4 段落标记
在网页中如果要把文字有条理地显示出来，离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。
2.4.1 段落标记p
< p>是HTML文档中最常见的标记，

用来起始一个段落。
语法：< p>段落文字< /p>
2.4.2 换行标记br
换行标记< br>的作用是在不另起一段的情况下将当前文本强制换行。
语法：< br>
2.4.3 不换行标记nobr
在网页中如果某一行的文本过长，浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。
语法：< nobr>不换行文字< /nobr>
2.5 水平线
在网页中常常看到一些水平线将段落与段落之间隔开，这些水平线可以通过插入图片实现，也可以更简单地通过标记来完成。
2.5.1 插入水平线hr
< hr>标记代表水平分割模式，并会在浏览器中显示一条线。
语法：< ht>
2.5.2 水平线宽度width
width用于改变水平线的宽度，水平线的宽度值可以是确定的像素值，也可以是窗口的百分比。
语法：< hr width=”宽度”>
2.5.3 水平线高度size
size标记用于改变水平线的高度。水平线的高度值只能是像素值。
语法：< hr size=”高度”>
2.5.4 水平线去掉阴影noshade
noshade属性用于定义浏览器是否显示水平线的阴影。noshade是布尔值的属性，它没有属性值，如果在< hr >元素中写上了这个属性，则浏览器不会显示立体形状的水平线，反之则无需设置该属性，浏览器默认显示一条立体形状带有阴影的水平线。
语法：< hr noshade>
2.5.5 水平线颜色color
语法：< hr color=”颜色”>
2.5.6 水平线排列align
水平线在默认情况下是居中对齐的，如果想让水平线左对齐或右对齐，就需要设置对齐方式。在如下语法中对齐方式可以有## 标题3种，包括center、left和right。
语法：< hr align=”对齐方式”>
2.6 其他标记
2.6.1 插入空格
可以用许多不同的方法来分开文字，包括空白、标签和Enter，这些都被称为空格，因为它们可以增加字与字之间的距离。在网页中可以有多个空格，一个&nbsp；代表一个半角空格，多个空格则可以多次使用这一符号。
语法：&nbsp
2.6.2 插入特殊符号
一般情况下，特殊符号的代码由前缀“&”、字符名称和后缀“；”组成。使用方法与空格符号类似。

HTML学习笔记——文字与段落标记相关推荐

Web前端技术开发学习笔记(HTML标记语言篇)——第4章文字与段落标记
第4章文字与段落标记第4章文字与段落标记 4.1文字标记 4.1.1 文字内容的输入 1.普通文字的输入 2.空格的输入 3.特殊文字的输入 4.注释语句 4.1.2 对文字字体的设置 4.1. ...
前段基础 HTML 第三章文字与段落标记----假期学习第二天
第3章文字与段落标记如何编排文字,控制文字显示方式,让文字看上去整齐美观 3.1 标题字六级标题 <h1></h1> <h2></h2> ...
第四章文字与段落标记
文字标记主要用于设置网页中的所有有关文字方面的内容,具体包括普通文字.特殊文字.标题字.****字体及文字格式等方面的标记标记描述文字内容包括普通文字.空格及特殊符号标题字标记以某几种固定 ...
TikZ学习笔记(三)图形的标记与交点
图形标记对每一个图形来说, 都是独立的存在, 为了方面本节之后的图形交点, 我们需要了解一下图形的标记. 具体方法就是在绘制时候加上参数name path=, 不过需要注意的是使用标记需要在导言区加 ...
HTML标记语言篇--学习笔记01
HTML标记语言篇第1章 HTML基础 1.1 基本概念 WWW 是"World Wide Web"(全球广域网)的缩写,简称为Web,中文又称为"万维网" ...
HTML5 权威指南第 10 章文档分节学习笔记
HTML5 权威指南第 10 章文档分节学习笔记第 8 章标记文字内容从从文字出发,专注如何将单体内容正确的呈现出来:第 9 章组织内容内容从段落出发,专注如何将单体内容合理的放在段落中 ...
初识HTML之标记2（标题标记、段落标记、引用文本标记）
在<body></body>标记中的内容就是我们在页面看得见的内容. 定义正文标题标记:HTML支持6个级别的正文标题<h1></h1>...<h ...
html设置跑动文字scrollamount,HTML学习笔记（3）之段落
HTML段落设置段落标记,一般情况下在每个段落的前面加上一个标记可以区分段落,又可以换行. 之后的文字将在下一行显视. 设置水平线. 标记所有包含的内容,将以居中对齐的方式显示在网页中. 标签可以 ...
amazeui学习笔记--css（基本样式3）--文字排版Typography
amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块 ...

HTML学习笔记——文字与段落标记

HTML学习笔记——文字与段落标记相关推荐

最新文章

热门文章