zl程序教程

您现在的位置是:首页 >  前端

当前栏目

《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.5 标题字

JavaScript网页HTMLCSS入门 制作 精通 标题
2023-09-11 14:17:41 时间

本节书摘来异步社区《HTML CSS JavaScript 网页制作从入门到精通 第3版》一书中的第2章,第2.5节,作者: 刘西杰,更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.5 标题字

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

元素来定义。其中, 代表最高级别的标题,依次递减, 级别最低。 2.5.1 标题字标记h

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

语法:

 h1 一级标题 /h1 

 h2 二级标题 /h2 

 h3 三级标题 /h3 

 h4 四级标题 /h4 

 h5 五级标题 /h5 

 h6 六级标题 /h6 

说明:

在该语法中,有6个级别的标题,

是一级标题,使用最大的字号表示, 是6级标题,使用最小的字号表示。

举例:

 !doctype html 

 html 

 head 

 meta http-equiv="content-type" content="text/html; charset=gb2312" / 

 title 标题字标记 /title 

 /head 

 body 

 h1 1级标题 /h1 

 h2 2级标题 /h2 

 h3 3级标题 /h3 

 h4 4级标题 /h4 

 h5 5级标题 /h5 

 h6 6级标题 /h6 

 /body 

 /html ```

在代码中加粗部分的标记是6种不同级别的标题,在浏览器中预览可以看到效果,如图2.4所示。

 div img src="https://yqfile.alicdn.com/8930d76d103b7b22492cb2a2a8a81428bd1bbc83.png" width="" height="" 

 /div 

对于不同的浏览器,其确切的点阵尺寸的大小也不相同,但 h1 标题大约是标准文字高度的2~3倍, h6 标题则比标准字体略小。

####2.5.2 标题字对齐属性align

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

语法:

`
说明:

在该语法中,align属性需要设置在标题标记的后面,其对齐方式的取值见表2-1所示。

db513ea4f197d2cf49bc451cf33622b77591c371

举例:

 !doctype html 

 html 

 head 

 meta http-equiv="content-type" content="text/html; charset=gb2312" / 

 title 标题字的对齐 /title 

 /head 

 body 

 h1 1级标题 /h1 

 h2 align="left" 2级标题左对齐 /h2 

 h3 align="center" 3级标题居中对齐 /h3 

 h4 align="right" 4级标题右对齐 /h4 

 /body 

/html ```

在代码中加粗部分的标记,是为标题文字设置了左、中、右不同的对齐方式,在浏览器中预览可以看到效果,如图2.5所示。

 div img src="https://yqfile.alicdn.com/b741cb24c23b326cc4272fc3f6a47afe8e728e69.png" width="" height="" 

HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具 邮政编码是地址信息的重要组成部分,可以帮助快递公司、物流公司等对地址进行快速、准确的识别和派送。因此,邮编查询工具应用在许多业务场景中都有广泛的应用,例如:电商平台、物流公司、金融机构等。通过使用邮编查询 API,我们可以快速实现一个邮编查询工具应用,方便用户查询地址对应的邮政编码,提高业务流程的效率。
掌握JavaScript HTML DOM:动态改变CSS样式的实用技巧 随着Web前端技术的不断发展,JavaScript作为一种强大的脚本语言,在前端开发中扮演着重要角色。其中,HTML DOM (文档对象模型)作为JavaScript与HTML之间的桥梁,允许开发者通过JavaScript来改变HTML页面的内容、结构和样式,从而实现丰富的用户交互和动态效果
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示 全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。
HTML中的JavaScript文档模式 HTML中的JavaScript文档模式是指浏览器在解析HTML文档时采用的模式,它可以影响文档的呈现方式和JavaScript的行为。本文将介绍文档模式的分类和作用,以及如何设置文档模式。
HTML中的JavaScript中script元素废弃的语法 HTML中的script元素是嵌入JavaScript代码的标准方式,但是随着浏览器技术的发展,一些旧的script语法已经被废弃了。本文将详细介绍这些废弃的语法以及应该使用哪些替代方案。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。