作者:默默-的米线_601 | 来源:互联网 | 2023-09-15 13:14
文本标记
一、特殊的文本(转义字符):
空格: ;
<:<;(less than)
> :>;(greater than)
版权标识©:©;
二、文本标记:
1、文本样式:
...
:加粗文本
...
:斜体文本
...
:下划线
...
:删除线
...
:上标
...
:下标
2、标题元素:
1-6级6个标题
(n=1-6)
一级最大,六级最小
3、段落元素:
提供了结构化文本的表现方式
语法:
注意:每对p标签单独成一个段落
段落与其他元素有垂直空白,段落间距
常用属性:align:水平对齐方式
取值:left、center、right
4、换行元素:
在代码的任何位置处,实现回车的效果
5、水平线/分割线:
属性:size:水平线的粗细,通常以像素(px)为单位
width:宽度
align:水平线的水平对齐方式
color:颜色
6、分区元素:
目的:为元素进行分组,多数用在布局中
块分区元素:
行内分区元素:
注意:div主要用在布局上,span修改其内部内容的样式
7、预格式化:
保留源文档中的空格和回车
文本内容
三、注释:
可以写在html源码中,但不被浏览器解释的文本
语法:
四、行内元素与块级元素:
1、块级元素:默认情况下,块级元素独占一行,元素的前后都会自动换行。
如:div、hn、hr、p
块级元素作用:布局
2、行内元素:默认情况下,多个元素位于同一行,不会换行。
如:span、文本标记……
行内元素作用:修改内部内容的样式
例题:
<html>
<head>
<meta charset="UTF-8" />
<title>作业一title>
<meta name="keywords" content="关键字" />
<meta name="descrition" content="描述" />
head>
<body>
<h1 align="center">HTML5 <span style="color:red">span>h1>
<hr />
<h2>1 HTML 文档片段h2>
<h3>1.1 问题h3>
<p>创建如图一所示的HTML页面:p>
<pre>
居中显示的段落。
pre>
body>
html>