HTML文字与段落

您所在的位置:网站首页 apicloud代码中汉字怎么添加 HTML文字与段落

HTML文字与段落

2023-07-26 06:09| 来源: 网络整理| 查看: 265

文字的字体(Font)和颜色(Color)

定义文字大小和颜色使用font标签对。

基本语法:

…… 

它的的属性值有: face(字体 )color(颜色)等

示例:

1 2 3 4 5 6 7 8        h标签演示      文字的字体和颜色

文章标题(H标签)

在浏览网页中最先关注的是文章的标题,字体很大很突出. 通常使用对标签.h标签分为6种,分别是  -  ,字体从大到小.

示例:

1 2 3 4 5 6 7 8 9 10 11 12 13        h标签演示      我是h1标签      我是h2标签      我是h3标签      我是h4标签      我是h5标签      我是h6标签

运行结果:

标题字的对齐属性(align) 1 2 3 4 5 6 7 8 9 10      标题字的对齐属性(align)        左对齐        居中对齐         右对齐 

运行结果:

字体加粗(B标签) 1 2 3 4 5 6 7 8 9        B标签演示      这是没有使用b标签的正常字体      使用b标签加粗的字体

运行结果:

可能你会有个疑问,html代码明明是2行,怎么显示结果是一行。这是因为Html代码中的换行、空格、tab缩进等是不会在浏览器中显示的。

示例:

那么在HTML如何实现换行?只需要在源码中需要加上一个换行标签,如图

斜体标记,, 

基本语法:

 ……

 ……

 ……

示例:

1 2 3 4 5 6 7 8 9 10        斜体标记i,em,cite标签      斜体标记i演示      斜体标记em演示      斜体标记cite演示

运行结果:

有一些标签,用来指出包含的文本有特殊的意义,比如(表示缩写),(表示强调),(表示更强地强调),(表示引用),(表示地址)等等。这些标签不是为了定义显示效果而存在的,所以从浏览器里看它们可能没有任何效果,也可能不同的浏览器对这些标签的显示效果完全不同。

下划线标记 和删除线标记 

基本语法:……

 

基本语法:……

         ……

举例

段落标记(P)

浏览器解析HTML文档会忽略空白符,所以要想保证正常的分段换行的话,必须指出哪些文字是属于同一段落的,这就用到了标签

标签式段落标记,浏览器会自动地在段落的前后添加空行。

基本语法:

 

 ……

示例:

1 2 3 4 5 6 7 8 9      P标签示例      这是第一个段      这是第二个段

显示结果:

换行标签

也有人不用

,而用。只表示换行,不表示段落的开始或结束,所以通常没有结束标签。

1 2 3 4 5 6 7 8 9      BR标记示例      这是第一段      这是第二段

显示结果:

从P标签和BR标签在浏览器显示的结果中可以看出,使用

标签换行上下文有间距(浏览器会自动地在段落的前后添加空行),而标签换行是软换行,上下文没有间距.

关于标签的使用,你可能会发现有的网页没有/符号,浏览器也能正常显示。那么 和的区别是什么呢?

HTML升级版标准规定,不允许使用没有结束标签(闭合标签)的HTML元素。虽然现在在所有浏览器中的显示都没有问题,标准推荐使用有闭合标签的 

水平线标记(HR)

标签在HTML页面中创建水平线,hr元素可用于分隔内容。它的属性有:

width(水平线的宽度标记) 

size(水平线的高度) 

color(水平线的颜色)

noshade水平线去掉阴影属性标记

align:水平线对齐属性

前面已经简单的用过了HR标签,这次为其添加上属性,示例:

1 2 3 4 5 6 7       HR标签演示      带属性值的HR标签演示     

输入特殊符号

基本语法: ; 

例如我们想在网页显示多个空格,可是在源代码中无论你敲多少空格,实际的显示页面只能显示一个

如上所示,显示的结果并没有我们预期的结果,同样的我们想在网页上显示和HTML代码有冲突的符合如大于号(>)或小于号(



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3