3.1标题字

HTML文档中包含有各种级别的标题,各种级别的标题由

元素来定义。其中

代表最高级别的标题,依次递减,

最低。

3.1.1标题字标记h

元素中的字母h是英文headline的简称。作为标题,它们的重要性是有区别的,其中h1标题的重要性最高,h6最低。

语法:

1级标题

2级标题

3级标题

4级标题

5级标题
6级标题

补充:

对于不同的浏览器,其确切的点阵尺寸的大小也不相同,但

标题大约是标准文字高度的2到3倍,

标题则比标准字体略小。

3.1.2标题字对齐属性align

默认情况下,标题文字是左对齐的。而在网页制作过程中,常常需要选择其他的对齐方式。对齐方式的设置需要使用align参数设置。

语法:

说明:

在该语法中,align属性需要设置在标题标记之后。

3.2文本基本标记

标记用来控制字体、字号和颜色等属性,它HTML中最基本的标记之一,掌握好标记的使用时控制网页文本的基础。

3.2.1字体属性face

字体的face属性设置不同的字体,设置的字体效果必须在浏览器中安装响应的字体后才可以正确浏览,否则有些特殊字体会被浏览器中的普通字体所代替。因此,在网页中尽量减少使用过多的特殊字体,以免在用户浏览时无法看到正确的效果。

语法:

……

说明:

face属性用于定义该段文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体,则使用该字体显示。

3.2.2字号属性size

文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外,HTML语言还提供了标记的size属性来设置普通文字的字号。

语法:

……

说明:

size属性用来设置字体的大小,它有绝对和相对两种方式。从1到7的整数,代表字体大小的绝对字号。从 -4到+4的整数,字体相对于3号放大和缩小字号。

3.2.3颜色属性color

语法:

……

说明:

color属性用来定义文字的颜色,它可以和元素的其他属性一起配合定义字体的各种样式,各个属性之间没有先后次序。

3.3文本格式化标记

在HTML中,还有一些文本格式化标记用来设置文字以特殊的方式显示,如粗体标记、斜体标记和文字的上下标等。

3.3.1粗体标记b、strong

是HTML中格式化粗体文本的最基本元素。在之间的文字和在之间的文字,在浏览器中都会以粗体字体显示。该元素的首位部分都是必须的,若没有结尾标记,则浏览器会认为从开始的所有文字都是粗体。

语法:

加粗的文字

加粗的文字

说明:

在该语法中,粗体的效果可以通过标记来实现,还可以通过标记来实现。是行内元素,它可以插入到一段文本的任何部分。

3.3.2斜体标记i、em、cite

是HTML中格式化斜体文本的最基本元素。

语法:

斜体文字

斜体文字

斜体文字

3.3.3上标标记

上标字体的英文原名为superscript,在各种数学公式等方面有广泛应用。

语法:上标内容

说明:

元素也是行内元素,并且允许嵌套使用。因此如果在里再使用则会变成"上标的上标"。

3.3.4下标标记

下标字体的英文原名为suberscript,在各种数学公式等方面有广泛应用。

语法:下标内容

说明:

元素也是行内元素,并且允许嵌套使用。因此如果在里再使用则会变成"下标的下标"。

3.3.5大字号标记big

Big标记用来增大文本中字号的大小,它所包含的文字都会在原来的字号上增大一级。如果有多个元素作用于同一个文本,则字号会被逐级增大。作为一个行内元素,它可以成对出现在一段文字中的任何位置。

语法:

被增大字号的内容

3.3.6小字号标记small

small标记用来缩小文本中字号的大小,它所包含的文字都会在原来的字号上缩小一级。如果有多个元素作用于同一个文本,则字号会被逐级缩小。作为一个行内元素,它可以成对出现在一段文字中的任何位置。

语法:

被增大字号的内容

3.3.7下划线标记u

标记的使用和粗体以及斜体标记类似,它作用于需加下划线的文字。

语法:

被添加下划线的内容

3.4段落标记

在网页中如果要把文字有条理地显示出来,离不开段落标记的使用。在HTML中可以通过标记实现段落的效果。

3.4.1段落标记p

是HTML文档中最常见的标记,

用来起始一个段落。

语法:

段落文字

说明:

段落标记可以没有结束标记

,而每一个新的段落标记开始的同时也意味着上一个段落的结束。

3.4.2换行标记br

换行标记
的作用是在不另起一段的情况下将当前文本强制换行。

语法:

文本内容……
被换行的文本内容……

说明:

一个
标记代表一个换行,连续的多个标记可以实现多次换行。

3.4.3不换行标记nobr

在网页中如果某一行的文本过长,浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。

语法:

标记中间的文本不被自动换行

3.5水平线

在网页中常常可以看到一些水平线将段落与段落之间隔开,这些水平线可以通过插如图片来实现,也可以更简单地通过标记来完成。

3.5.1插入水平线hr


标记代表水平分隔模式,并会在浏览器中显示一条线。

语法:


说明:

在网页中输入一个


标记,就添加了一条默认样式的水平线。

3.5.2水平线宽度width

width用于改变水平线的宽度。

语法:


说明:

在该语法中,水平线的宽度值可以是确定的像素值,也可以是窗口的百分比。

3.5.3水平线高度size

size标记用于改变水平线的高度。

语法:


说明:

在该语法中,水平线的高度值只能是像素值。

3.5.4水平线去掉阴影noshade

noshade属性用于定义浏览器是否显示水平线的阴影。

语法:


说明:

noshade是布尔值的属性,它没有属性值,如果在


元素中写上了这个属性,则浏览器不会显示立体形状水平线,反之如果不设置该属性,浏览器默认显示一条立体形状带有阴影的水平线。

3.5.5水平线颜色color

语法:


说明:

颜色代码是十六进制的数值。

3.5.6水平线排列align

水平线在默认情况下是居中对齐的,如果想让水平线左对齐或者右对齐,就需要设置对齐方式。

语法:


说明:

在该语法中对齐方式有3种,包括center、left和right,其中center的效果与默认的效果相同。

3.6其他标记

3.6.1插入空格

nbsp

语法:

&nbsp

说明:

在网页中可以有多个空格,一个 代表一个半角空格,多个空格则可以多次使用这一符号。

3.6.2插入特殊符号

除了空格以外,在网页的创作过程中,还有一些特殊的符号也需要使用代码进行代替。一般情况下,特殊符号的代码由前缀"&"、字符名称和后缀";"组成。 使用方式与空格符号类似。

"

&

<

>等等

原创内容,转载请注明出处。谢谢!

html标题和段落标记,Chap 03 HTML文字与段落标记相关推荐

  1. Web前端技术开发学习笔记(HTML标记语言篇)——第4章 文字与段落标记

    第4章 文字与段落标记 第4章 文字与段落标记 4.1文字标记 4.1.1 文字内容的输入 1.普通文字的输入 2.空格的输入 3.特殊文字的输入 4.注释语句 4.1.2 对文字字体的设置 4.1. ...

  2. 获取文字或者段落的拼音算法

    获取文字或者段落的拼音算法 获取文字或者段落的拼音算法 获取文字或者段落的拼音算法 public class HanDict {/** 汉字最小unicode值 */public static fin ...

  3. 前段基础 HTML 第三章文字与段落标记----假期学习第二天

    第3章 文字与段落标记 如何编排文字,控制文字显示方式,让文字看上去整齐美观 3.1 标题字 六级标题 <h1></h1>   <h2></h2>    ...

  4. 第四章 文字与段落标记

    文字标记主要用于设置网页中的所有有关文字方面的内容,具体包括普通文字.特殊文字.标题字.****字体及文字格式等方面的标记 标记 描述 文字内容 包括普通文字.空格及特殊符号 标题字标记 以某几种固定 ...

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

    2.1标题字 HTML文档中包含有各种级别的标题,各种级别的标题由< h1 >到< h6 >元素来定义.其中< h1 >代表最高级别的标题,依次递减. 2.1.1标 ...

  6. html标题字体重叠,如何在HTML和CSS的段落标题上方显示堆叠的字体超棒图标?

    在下图中,有文字显示为"堆叠的字体 - 真棒图标".这是我想显示堆叠字体的图标的地方.具体来说,我想在方形轮廓内显示一个字体真棒图标(即字体真棒图标),并且可以根据需要调整它的大小 ...

  7. html怎么设置文字段落,第3章 用HTML设置文字与段落.ppt

    第3章 用HTML设置文字与段落 第3章 用HTML设置文字.段落 GGAO CM WTU 学习目标 输入文字 设置文字的格式 设置段落的格式 水平线的标记 创建列表 使用marquee设置滚动效果 ...

  8. php怎么设置段落之间的距离,css如何设置段落间距?margin 属性设置段落间距(代码实例)...

    段落间距是网页设计里一个提升文章阅读体验的重要因素.但网页排版不想Word那样简单,而作为网页设计师,为了读者的良好阅读体验,我们必须为文章的每个小标题和段落都预留一定的空间,用css有效率地设置段落 ...

  9. word段落每行首字怎么对齐_Word段落首行左右缩进及五种对齐方式

    一.Word常规段落格式设置 要学习段落的格式,首先我们要明白一个问题:什么是段落? 直观的讲,在WORD中,有弯箭头标志的就是一个段落.如下图: 怎么产生一个段落呢?很简单,敲键盘上的"E ...

  10. HTML文件主体部分的标记对是,1.7 HTML的标记构成

    1.7.1 HTML标记的使用技巧 1.HTML标记 一个HTML文件是由一系列的元素和标记组成的.元素是HTML文件的重要组成部分,如title(文件标题).img(图像)及table(表格)等.元 ...

最新文章

  1. python大数据分析实例-python大数据分析代码案例
  2. 1.2 Hive的优缺点
  3. ubuntu系统靠谱的清理内存的方法(can not allocate memory 问题)
  4. Atlas学习手记(9):异步调用Page Method
  5. mfc程序转化为qt_10年程序员:我都学过这些语言,2019年开始我再也不是程序员......
  6. copy 自定义对象
  7. 计算机可爱的企鹅教案,《可爱的企鹅》教学设计
  8. java遍历d盘所有文件夹_java遍历指定盘符的所有文件和文件夹
  9. 华为交换机双上行组网Smart-link配置指南
  10. dns缓存时间 linux,如何在Linux服务器上刷新DNS缓存
  11. HBuilder启动vue项目
  12. 转:李开复:打造领导力,我的九点思考
  13. php支付宝手机网站支付源码,Ecshop 支付宝手机网页支付免费版
  14. ABAP 身份证校验的函数
  15. iOS APP转让条件
  16. 淘淘摘苹果Python版
  17. Python批量复制一个文件夹中的全部excel数据并粘贴至一个excel文件中-openpyxl模块
  18. 腾讯视频QLV格式转换为MP4格式 1
  19. ajax显示不了,AJAX请求不显示信息
  20. 美学评价:Image Aesthetic Assessment: An Experimental Survey(计算机视觉美学评估综述)

热门文章

  1. prompt-based models
  2. 权重股启动意味着什么
  3. Git:每一行命令都算数
  4. Eigen库计算两个向量夹角
  5. Python 爬取网页数据的两种方法
  6. bluefish编辑器的配置
  7. mipi的dsi全称_MIPI-DSI/CSI协议介绍-转载
  8. vue实现结算淘宝购物车效果
  9. html多个span平均分布各行,往div里面加100个span 每10个换行 换行怎么换啊
  10. 在PS中,1PX等于多少毫米?