HTML---文本控制与文本样式标记

HTML---文本控制与文本样式标记,第1张

基本语法格式:<p>文本</p>

在HTML中,使用<font>标记控制网页中文本的样式

如 face用来描述字体的样式、

size用来描述字体的大小(最大取值为7)、

color用来描述字体的颜色。三种形式:

(1)英文单词:red,green,blue;(2)用16进制的数据表示:#ff0000;(3)用rgb三原色表示:rgb(255,255,0)

基本语法格式:<font 属性=“属性值”>文本内容</font>

(1)标题标记:<h1></h1>......<h6></h6>(字号从大到小)

(2)字体样式标记:<b></b>(加粗)、<i></i>(斜体)、<u></u>(下划线)。

一、标题标记

语法: n是为1-6的数字

例如:

属性:align 控制标题的对齐方式的属性

值: “left” “center” “right” 分别为左对齐 居中对齐 右对齐

特点:标题都有加粗的效果

标题都有一定的行间距

标题有大小的变化

二、段落标记

语法:

内容

特点:普通大小的字体

上下的行间距是有一定距离

属性:依然三种对齐方式 左中右 同上

三、标线标记

语法

特点:默认宽度为整个页面的宽度

默认灰色 2px的像素

属性:width height color 宽度 高度 颜色

四、换行(单标记)

语法:

或者

特点:可以让普通的字体进行换行 另外占一行的空间

五、文本样式标记

1.加粗 内容

2.倾斜 内容

3.下划线 内容

4.删除线 内容

注意:当我们在Html文件当中如果直街换行写,或者空间隔去写,浏览器都会将其解释为空一个空格,显示状态就是空一个英文字符的间隔,如果需要进行多个字符的空格,则需要使用特殊字符。

5.特殊字符

&nbsp; 一个空格 看需要的程度去使用

<<用于展示给用尖括号的形式,因为浏览器一看到就会自动识别

>>

© 版权符号

¥ 货币符号

六、div和span标记

div元素

作用:做页面布局

语法:

内容

特点:独占一行 字体大小样式 以及行间距和普通文本无任何差异

span元素

语法: 内容

作用:用于包裹文本,进行自定义样式

特点:多个元素在同一行中进行显示、从左到右进行排列


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6214666.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存