设置页面标题:
<title>轻松学习<title>
定义页面元信息:
(1)
<title>轻松学习<title>
name和content属性可以为搜索引擎提供信息,(搜索内容的名字)(对应的搜索内容值)
(2)
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关的参数标准,
http-equiv属性提供参数类型,content属性提供对应的参数值。
<meta charset="utf-8"/>
<meta http-equiv="refresh" content="10; url=https://www.baidu.com/" />
设置页面自动刷新与跳转,例如定义某个页面10秒后跳转至百度页面
文本控制:
<hn align="对齐方式">标题文本</hn>
n的取值为1~6
段落文本:
<p align="center">居中显示的文本</p>
水平线:
<hr 属性="属性值" />
属性名 | 含义 | 属性值 |
align | 设置水平线的对齐方式 | 默认center居中对齐显示 |
size | 粗细 | 以像素为单位,默认为2像素 |
color | 颜色 | 可用颜色名称,十六进制#RGB、rgb(r,g,b)表示 |
width | 宽度 | 可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100% |
<hr color="#00CC99" align="left" size="5" width="600" />
换行:
<br />
文本样式:
<font face="宋体" size="7" color="green">文本内容</font>
属性名 | 含义 |
face | 字体 |
size | 大小,取1~7之间的整数值 |
color | 颜色 |
文本格式化:
<p><strong>文本是使用strong标签定义的强调文本</strong></p>
标签 | 显示效果 |
<b></b>或<strong></strong> | 粗体 |
<u></u>和<ins></ins> | 加下划线 |
<i></i>和<em></em> | 斜体 |
<s></s>和<del></del> | 加删除线 |
图像:
<img src="girl.jpg" alt="森林" border="1" hspace="10" vspace="10" align="left" />
属性 | 属性值 | 描述 |
src | URL | 图像的路径 |
alt | 文本 | 图像不能显示时的替换文本 |
title | 文本 | 鼠标指针悬停时显示的内容 |
width | 像素 | 宽度 |
height | 像素 | 高度 |
border | 数字 | 边框的宽度 |
vspace | 像素 | 设置图像顶部和底部的空白(垂直边框) |
hspace | 像素 | 设置图像左侧和右侧的空白(水平边框) |
align | left right top middle bottom | 将图像对齐到左边 将图像对齐到右边 图像的顶端和文本的第一行文字对齐,其他文字居图像下方 水平中线和文本的第一行文字对齐,其他文字居图像下方 图像的底部和文本的第一行文字对齐,其他文字居图像下方 |