HTML学习笔记[1]HTML的基本标记

 HTML的基本标记

1. 头部标记head

<head>...</head>

head元素的作用是整篇文档,其中可以有<meta>元信息定义,文档样式表定义和脚本信息等。

<html>

<head>

文档头部信息

</head>

<body>

文档正式内容

</body>

</html>

2. 标题标记title

<title>标题内容</title>

3.  元信息标记 meta

Meta元素的信息不显示在页面中,一般来定义页面信息的说明,关键字,刷新等。属性有namehttp-equiv

1)设置页面关键字

在搜索引擎中,检索信息都是通过输入关键子来实现的。

<meta name="keywords" content="插入关键字">

Name为属性名称 在content中定义具体的关键字

2)设置页面说明

也是为了便于搜索引擎的查找

<meta name="description" content="设置页面说明">

Name为属性名称 在content中定义具体的描述语言

3)定义编辑工具

<meta name="generator" content="编辑软件的名称">

Name为属性名称 在content中定义具体的编辑工具名称

如: <meta name="generator" content="FrontPage">

4)设置作者信息

<meta name="author" content="作者的姓名">

Name为属性名称 在content中设置具体的信息

5)设置网页文字及语言

<meta http-equiv="content-type" content="text/html;charset=字符集类型"/>

http-equiv用于传输http通信协议的标头,在content中设置具体的属性值

如:<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"/>

6)设置网页定时跳转

其实就是该标记使网页在经过一定时间自动刷新

<meta http-equiv="refresh" content="跳转时间;URL=跳转到的地址“>

Refresh表示网页的刷新 在content设置刷新时间(以秒为单位)和刷新后的链接地址

如:<meta http-equiv="refresh" content="20;url=index.html">

在经过二十秒后页面自动跳转到index.html

小结:虽然<meta>标记中的信息不再页面中显示,但是对于网页的规范化和搜索引擎关键字等方面来看,该标记在也是非常重要的。

(注:<meta>标记可以不设结束标记)

4. 网页主体标记body

网页的主体部分包括在浏览器中显示处理的所有信息。

1)网页背景色bgcolor

<body bgcolor="背景颜色">

背景颜色可以是一个以命名的颜色,也可以是一个十六进制的颜色值。

如:<body bgcolor="#FF99FF">或者<body background="red">

2)网页背景图片background

<body background="图片地址">

地址可以是相对地址也可以是绝对地址,在默认情况下图片会按照水平和垂直方向不断重复出现

如:<body background="image/1.jpg">

3)文字颜色text

<body text="文字的颜色">

如:<body text="#FFFFFF"> //文字为白色

4)链接文字属性link

<body link="颜色">

如:<body link="blue">//超级链接的字体为蓝色

还可以使用alink设置正在访问的字体颜色

如:<body link="blue" alink="red">

Vlink可以设置访问后链接字体的颜色

如:<body link="blue" alink="red" vlink="green">

5) 边距margin

<body topmargin=上边距的值 leftmargin=左边距的值 Rightmargi=右边距的值>

在默认情况下 边距的值以像素为单位

如: <body  topmargin="100" leftmargin="100" rightmargin="100">

5.页面注释标记<!-- -->

<!-- 注释内容 -->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值