HTML基本标记

2019-04-09

meta标签

1.设置网页编码

<meta charset=字符集" >

常用字符集：ISO-8859-1、GB2312、GBK、UTF-8

2.设置网页自动刷新和跳转

<meta http-equiv="refresh" content="刷新时间" >
<meta http-equiv="refresh" content="3;url=http://www.baidu.com">//3秒后自动跳到百度

3.设置网页摘要信息和关键字

<meta name="description" content="网站摘要">
<meta name="keywords" content="关键字1,关键字2">

h 标题

属性：align对齐方式 align="center"

html5新规范：text-align style="text-align: center"

p 段落

属性：align对齐方式（html5新规范：text-align）

br 换行

nobr 不换行

<nobr>不换行的文本</nobr>

pre 保留源格式

center 居中

blockquote 缩进

hr 水平线

	属性	样式
宽度	width	width
厚度	size	height
颜色	color	background-color
对齐	align	text-align （部分浏览器会无效，使用 margin-left 代替）
边框	无	border:1px solid green（厚度，线型，颜色）

font 字体（html5已废弃）

	属性	样式（p标签下设置）
字体	face	font-family
大小	size（取值：1~7）	font-size
颜色	color	color

b 加粗

i 斜体

u 下划线

s 删除线

del 删除线

sup 上标

sub 下标

mark 着重显示

注释

a 超链接

属性：

​ href：链接地址
​ title：链接说明

target：打开方式

属性值	说明
_self	在同一框架或窗口中打开所链接的文档。此参数为默认值。
_blank	在新浏览器窗口中打开网页。
_parent	将要链接的文件载入含有该链接框架的父框架集或父窗口中。
_top	在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架。

锚点使用：

​ <a href="#标记名"> … </a>

绝对地址：指向目标地址的完整描述

​ 指向外网地址：<a href="http://www.sohu.com">搜狐</a>
​ 指向内网地址：<a href="/目录名/目录名/页面.html">请点击</a>

相对地址：相对于当前目录的地址描述

<a href="页面名.html">同目录</a>
<a href="目录名/页面名.html">下级目录</a>
<a href="../页面名.html">上级目录</a>
<a href="../../页    面名.html">上上级目录</a>

img 图片

属性	描述
alt	图像的替代文本。由于搜索引擎不能抓取图片，所以添加alt属性有助于搜索引擎检索图片。
title	图像的提示文本。
src	规定图像的 URL。

以下属性在html5使用style进行设置

属性	值	描述
align	top bottom middle left right	规定如何根据周围的文本来排列图像。 (当周围有文字时有效)
border	px	定义图像边框。单位为像素。
height	pixels %	定义图像高度。用像素或百分比表示。
width	pixels %	定义图像宽度。用像素或百分比表示。若同时设置宽与高，图像可能会变形。

marquee 滚屏

属性名	描述
direction	滚动方向，值可以是left，right，up，down，默认为left
behavior	滚动方式，值可以是scroll（连续滚动）、slide（滑动一次）、alternate（来回滚动）
loop	循环次数，值是正整数，默认为无限循环
scrollamount	滚动速度，值是正整数，默认为6
scrolldelay	停顿时间，值是正整数，默认为0，单位是毫秒
bgcolor	运动区域的背景色
width	运动区域的宽度，值是正整数（单位是像素）或百分数，默认width=100%。
height	运动区域的高度，值是正整数（单位是像素）或百分数，默认width=100%。
hspace｜vspace	元素与周围区域边界的水平距离和垂直距离，值是正整数，单位是像素。