Web基础知识三之文本标记

- 日理万妓 2022-07-13 07:09 188阅读 0赞

文本标记 
1、特殊文本 
任意多的回车和空格，最终只会被解析成一个空格 
在页面中输出：这是一个P标记 
在页面中，要通过“转义字符”来表示 空格，<,>等一些字符 
 
 
1、&nbsp;表示一个空格 
2、>表示一个 > 
3、<表示一个 < 
4、&copy;表示一个 ©\[版权符号\] 
5、&yen;表示一个 ¥\[价格\] 
 
 
2、文本标记 
1、文本样式 
 : 加粗 
 : 斜体 
 : 下划线 
<s></s> : 删除线 
 : 上标 
 : 下标 
2、标题元素 
语法： 
<h\#></h\#> 
"\#"表示1~6级标题 
显示效果： 
1、独占一行 
2、文本以加粗方式出现 
3、改变字号（1级最大，6级最小） 
4、具备垂直空白距离 
属性： 
1、align 
作用：控制当前文本的水平排列方式 
取值：left，right，center 
3、段落元素 
语法： 
效果： 
1、独占一行 
2、具备垂直空白 
属性： 
1、align 
取值：left/center/right 
4、换行元素 
语法： 或 
5、分割线元素 
作用：在页面中绘制一条水平线 
语法：<hr>或<hr/> 
效果：独占一行 
属性： 
1、size 
大小，以px（像素）作为单位 
1024\*768 
1360\*1280 
2、width 
宽度，以px或%作为单位 
3、align 
水平排列方式 
4、color 
6、预格式化元素<重点> 
作用：保留源文档中的格式，即保留源文档中所有的回车和空格的效果 
语法：<pre></pre> 
注：一般不用 
7、块分区元素-div 
作用：做分区，做布局 
语法：<div>内容</div> 
效果： 
1、独占一行 
属性： 
1、align（只要独占一行的属性就有align） 
8、行内分区元素-span 
作用：设置同一行文字内的不同格式 
ex：既有加粗、斜体、下划线的文本 
 
 
一段文本 
 
 
 
 
一段文本 
9、行内元素 与 块级元素 
行内元素 与 块级元素在页面中的位置效果是不一样的。 
 
 
块级元素：默认情况下，块级元素会独占一行， 
：div,p,h1~h6。所有的块级元素，都可以做布局。 
 
 
行内元素：默认情况下，元素是不会换行的 
可以和其它的行内元素或文本在一行内显示 
如：span,s,b,i,u,sup,sub,... ... 
作用：处理文本样式 
快捷键： 
F2 : 重命名 
Ctrl + s : 保存 
Ctrl + c : 复制 
Ctrl + v : 粘贴