您的位置:首页 > Web前端 > HTML

HTML基本结构

2017-03-03 17:34 302 查看

一、基本结构



二、body标记常见属性(只是为了熟悉格式)

body简单的说就是网页正文中显示的内容

body中包含一些常见标记如< br>< h1>< table>等

body标记常见的属性有:

bgcolor//设置背景颜色

text//设置文本颜色

link//设置链接颜色

vlink//已经访问了的链接颜色

alink//正在被点击的链接颜色

1.bgcolor与text效果

<body bgcolor="gray" text="brown"><!--背景颜色和文本颜色`-->




2.link/vlink/alink效果

这三个需要a标签(超链接)

<body link="blue" vlink="brown" alink="gray"><!--超链接显示的颜色,已被访问过链接的颜色,正在被点击的颜色-->


<a href="http://baidu.com">baidu</a>




三、meta标签作用及属性

meta标签共有两个属性,它们分别是http-equiv属性和name属性。

meta标签里内容并不显示出来,是针对搜索引擎更新描述比如:”keywords” 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类。

1.name属性

1.
<meta name="generator" content="">
用以说明生成工具(如Microsoft FrontPage 4.0)等;


2.
<meta name="keywords" content="关键字">
向搜索引擎说明你的网页的关键词;


3.
<meta name="description" content="">
告诉搜索引擎你的站点的主要内容;


4.
<meta name="author" content="姓名">
告诉搜索引擎你的站点的制作的作者;


2.http-equiv属性

http-equiv属性是涉及编码以及语言的问题。

四、综述基本结构代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阿水的阿里</title>
<meta name="keywords" content="关键字"><!--content是必须元素-->
</head >
<!--<body bgcolor="gray" text="brown"><!–背景颜色和文本颜色–>-->
<body link="blue" vlink="brown" alink="gray"><!--超链接显示的颜色,已被访问过链接的颜色,正在被点击的颜色-->
阿水的阿里
<a href="http://baidu.com">baidu</a>

</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: