web颜值要爆表Web 前端开发

HTML的基本结构

2016-10-25  本文已影响40人  little_city

1.HTML文档的基本结构

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>

<title>first html</title>

</head>

<body>

This is my first webpage!

</body>

</html>


•<!DOCTYPE html>

文档引用的规范,HTML5因为是“脱卸式”的规范,所以不需要引用严格意义上的DTD规范。

•<html>标签

html文档的根元素标签,成对出现<html>......</html>

•<head>标签

html的头部标签,成对出现<head>......</head>

•<body>标签

html主题部分标签,成对出现<body>......</body>


<head>标签内常用元素

1.<title>标签

就是现实在地址搜索栏的名称,是用户搜索引擎最看中的标签,<title>标签中的关键字就是网页想要表达的内容。

2.<meta>标签

用于定义页面元信息,也就是一些键值对。主要有以下三个属性。

示例:

1.描述文档类型和字符编码

<head>

<meta http-equiv="Content-Type" content="text/html;charset=gbk2312"/>

</head>

2.描述搜索关键字和描述信息

<head>

<title>安徽农业大学经济技术学院</title>

<meta name=“author” content=“chenzhangling”/>

<meta name="keyword" content="安徽,农业,大学,经济技术学院"/>

<meta name="description" content="安徽农业大学经济技术学院是一所三本院校,位于美丽的科教城市之一~~合肥"/>

</head>


我做的第一个网页   (只截取了部分<head>标签的代码)

上一篇 下一篇

猜你喜欢

热点阅读