《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.5 标题字
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所示。
举例:
!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月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- 网页载入进度条中的javascript
- JavaScript - 判断当前网页是否在微信内置浏览器中运行(最靠谱的方案,检查是否在微信浏览器中打开网站或页面)
- 【JavaScript】重温Javascript继承机制
- 【JavaScript】Understanding callback functions in Javascript
- 通过javascript在网页端解压zip文件并查看压缩包内容
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——第1章 HTML基础1.1 HTML的基本概念
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——第6章 使用表格
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——6.7 表格的结构
- 《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——导读
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——第2章 HTML基础 2.1 HTML的基本概念
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——2.2 HTML文件的编写方法
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——2.3 HTML头部标记head
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——2.4 网页的主体标记body
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 第1章 网页设计基础知识
- 《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——3.4 编辑文本格式
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 2.1 HTML的基本概念
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读
- 《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 第02章 HTML基本标记
- 《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.6 段落标记
- 《HTML CSS JavaScript 网页制作从入门到精通 第3版》—— 2.7 水平线
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.5 RDFa
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.6 微数据
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.8 Web组件:标记的未来?
- Javascript: hash tables in javascript
- 用javascript向一个网页连接接口发送请求,并接收该接口返回的json串
- 26-时尚精品服饰网店响应式网页模板 (HTML css JavaScript)
- JavaScript之简易http接口测试工具网页版
- JavaScript 刷新或关闭网页时弹窗确认