Web基础知识三之文本标记
来源:互联网 发布:windows防火墙白名单 编辑:程序博客网 时间:2024/05/06 09:23
文本标记
1、特殊文本
任意多的回车和空格,最终只会被解析成一个空格
在页面中输出:<p>这是一个P标记</p>
在页面中,要通过“转义字符”来表示 空格,<,>等一些字符
1、 表示一个空格
2、>表示一个 >
3、<表示一个 <
4、©表示一个 ©[版权符号]
5、¥表示一个 ¥[价格]
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、块分区元素-div
作用:做分区,做布局
语法:<div>内容</div>
效果:
1、独占一行
属性:
1、align(只要独占一行的属性就有align)
8、行内分区元素-span
作用:设置同一行文字内的不同格式
ex:既有加粗、斜体、下划线的文本
<b>
<i>
<u>一段文本</u>
</i>
</b>
<span 此处定义样式>一段文本</span>
9、行内元素 与 块级元素
行内元素 与 块级元素在页面中的位置效果是不一样的。
块级元素:默认情况下,块级元素会独占一行,
:div,p,h1~h6。所有的块级元素,都可以做布局。
行内元素:默认情况下,元素是不会换行的
可以和其它的行内元素或文本在一行内显示
如:span,s,b,i,u,sup,sub,... ...
作用:处理文本样式
快捷键:
F2 : 重命名
Ctrl + s : 保存
Ctrl + c : 复制
Ctrl + v : 粘贴
1、特殊文本
任意多的回车和空格,最终只会被解析成一个空格
在页面中输出:<p>这是一个P标记</p>
在页面中,要通过“转义字符”来表示 空格,<,>等一些字符
1、 表示一个空格
2、>表示一个 >
3、<表示一个 <
4、©表示一个 ©[版权符号]
5、¥表示一个 ¥[价格]
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、块分区元素-div
作用:做分区,做布局
语法:<div>内容</div>
效果:
1、独占一行
属性:
1、align(只要独占一行的属性就有align)
8、行内分区元素-span
作用:设置同一行文字内的不同格式
ex:既有加粗、斜体、下划线的文本
<b>
<i>
<u>一段文本</u>
</i>
</b>
<span 此处定义样式>一段文本</span>
9、行内元素 与 块级元素
行内元素 与 块级元素在页面中的位置效果是不一样的。
块级元素:默认情况下,块级元素会独占一行,
:div,p,h1~h6。所有的块级元素,都可以做布局。
行内元素:默认情况下,元素是不会换行的
可以和其它的行内元素或文本在一行内显示
如:span,s,b,i,u,sup,sub,... ...
作用:处理文本样式
快捷键:
F2 : 重命名
Ctrl + s : 保存
Ctrl + c : 复制
Ctrl + v : 粘贴
1 0
- Web基础知识三之文本标记
- Web基础知识五之Html表单标记
- HTML之文本标记
- web基础知识,图像和链接,结构标记
- Web学习篇之---css基础知识(三)
- 编码规范(一)之文本标记
- 文本标记
- java基础知识之文本处理
- CSS基础知识之字体、文本
- HTML基础知识(三)--文本格式标签
- Web前端之基础知识
- Web服务之基础知识
- JAVAEE之web基础知识
- Ethernet基础知识之三
- C#基础知识之三
- Html5与Css3文本、图、标记(三)
- HTML基础知识一(HTML、常见方式、文档结构、<meta>、 网站文件命名、文本修饰、文本样式、段落标记、居中标记、水平线标记、特殊字符、列表、图像)
- JSP技术之三 JSP标记(tag)
- 事务
- MAC 忘记mysql root 密码的解决办法
- 第十六周项目1(1)--验证算法之冒泡排序
- 数据结构与算法(C语言版)__红黑树01
- 对手机联系人的读取
- Web基础知识三之文本标记
- 汇编实验15:安装新的int 9中断例程
- 类与类,类与接口以及接口与接口的关系
- css3-3d转换和3D动画
- c++时间转换与表示之03(与日期和时间相关的数据结构)
- 数据结构课程设计 成绩管理系统
- 值得前端开发者在2017学习的东西
- LeetCode201—Bitwise AND of Numbers Range
- 如何防止单例模式被 JAVA 反射攻击