您现在的位置:首页 >> 前端 >> 内容

Web基础知识三之文本标记

时间:2016/12/30 10:00:53 点击:

  核心提示:文本标记1、特殊文本任意多的回车和空格,最终只会被解析成一个空格在页面中输出:p这是一个P标记/p在页面中,要通过转义字符来表示 空格,,等一些字符1、nbsp;表示一个空格2、gt;表示一个 3、l...

文本标记

1、特殊文本

任意多的回车和空格,最终只会被解析成一个空格

在页面中输出:<p>这是一个P标记</p>

在页面中,要通过“转义字符”来表示 空格,<,>等一些字符

1、&nbsp;表示一个空格

2、&gt;表示一个 >

3、&lt;表示一个 <

4、&copy;表示一个 ©[版权符号]

5、&yen;表示一个 ¥[价格]

2、文本标记

1、文本样式

<b></b> : 加粗

<i></i> : 斜体

<u></u> : 下划线

<s></s> : 删除线

<sup></sup> : 上标

<sub></sub> : 下标

2、标题元素

语法:

<h#></h#>

"#"表示1~6级标题

显示效果:

1、独占一行

2、文本以加粗方式出现

3、改变字号(1级最大,6级最小)

4、具备垂直空白距离

属性:

1、align

作用:控制当前文本的水平排列方式

取值:left,right,center

3、段落元素

语法:<p></p>

效果:

1、独占一行

2、具备垂直空白

属性:

1、align

取值:left/center/right

4、换行元素

语法:<br>或<br/>

5、分割线元素

作用:在页面中绘制一条水平线

语法:<hr>或<hr/>

效果:独占一行

属性:

1、size

大小,以px(像素)作为单位

1024*768

1360*1280

2、width

宽度,以px或%作为单位

3、align

水平排列方式

4、color

6、预格式化元素<重点>

作用:保留源文档中的格式,即保留源文档中所有的回车和空格的效果

语法:<pre></pre>

注:一般不用

7、块分区元素-p

作用:做分区,做布局

语法:<p>内容</p>

效果:

1、独占一行

属性:

1、align(只要独占一行的属性就有align)

8、行内分区元素-span

作用:设置同一行文字内的不同格式

ex:既有加粗、斜体、下划线的文本

<b>

<i>

<u>一段文本</u>

</i>

</b>

<span 此处定义样式>一段文本</span>

9、行内元素 与 块级元素

行内元素 与 块级元素在页面中的位置效果是不一样的。

块级元素:默认情况下,块级元素会独占一行,

:p,p,h1~h6。所有的块级元素,都可以做布局。

行内元素:默认情况下,元素是不会换行的

可以和其它的行内元素或文本在一行内显示

如:span,s,b,i,u,sup,sub,... ...

作用:处理文本样式

快捷键:

F2 : 重命名

Ctrl + s : 保存

Ctrl + c : 复制

Ctrl + v : 粘贴

Tags:WE EB B基 基础 
作者:网络 来源:Andone_hsx