最新web前端实战入门训练——HTML基本元素
导读: 在我们开始学习前端开发的时候,经常会用到HTML,它到底在web前端开发中有什么作用,HTML是什么呢? HTML(Hypertext Markup Language):即超文本标记语言,是一种用来设计网页的标记语言,用该语言编写...
在我们开始学习前端开发的时候,经常会用到HTML,它到底在web前端开发中有什么作用,HTML是什么呢?
HTML(Hypertext Markup Language):即超文本标记语言,是一种用来设计网页的标记语言,用该语言编写的文件,以。html或。htm为后缀,并且由浏览器解释执行,生成相应的界面。网页文件本身只是一种文本文件,我们通过在文本文件中添加标记符号,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等),这些标记符号就是html,我们学习html就是学习这些标记符号,html标记符号也称为html元素。
标题(Heading)是通过 - 标签进行定义的。
定义最大的标题。 定义最小的标题。
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
二、段落
段落是通过
定义最大的标题。 定义最小的标题。
标题很重要
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
搜索引擎使用标题为您的网页的结构和内容编制索引。
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
二、段落
段落是通过
标签定义的。
三、换行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签:
元素是一个空的 HTML 元素。
四、水平线
标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。 属性: color:设置水平线的颜色 width:设置水平线的长度 size:设置水平线的高度 align:设置水平线的对齐方式(默认居中),可取值left|right 五、图片
- 标签
浏览器显示如下:
- 的属性type 拥有的选项
disc 默认实心圆
circle 空心圆
square 小方块
none 不显示
8.2有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于
- 标签。每个列表项始于
- 标签。
列表项使用数字来标记。
浏览器中显示如下:
- 的属性type 拥有的选项 1 表示列表项目用数字标号(1,2,3…) a 表示列表项目用小写字母标号(a,b,c…) A 表示列表项目用大写字母标号(A,B,C…) i 表示列表项目用小写罗马数字标号(i,ii,iii…) I 表示列表项目用大写罗马数字标号(I,II,III…) 8.3自定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合。 自定义列表以 标签开始。每个自定义列表项以 开始。每个自定义列表项的定义以 开始。
- 标签。
列表项使用数字来标记。
浏览器中显示如下:
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 最新web前端实战入门训练——HTML基本元素
本文地址: https://pptw.com/jishu/656039.html
