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

HTML学习笔记- v2.0

2015-06-12 10:34 441 查看

概要

之前1.0部分我们大概的学习了一下HTML的基本标签，包括各种布局、格式、插件，在2.0部分，我们将讲一些关于网络和媒体的东西

HTML文档类型

HTML发展至今已出现了很多不同的版本，文档类型的声明就是告诉浏览器通过哪个版本显示代码

<!DOCTYPE >声明文档类型

声明文档类型一般都在<!DOCTYPE>里面声明，可以这样记忆DOC（文档格式）TYPE（类型）

HTML5文档的声明 <!DOCTYPE html>

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
balabala
</body>

</html>

如上，浏览器就会以HTML5的代码生成网页

HTML4.01

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML1.0

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

当然版本还有很多，这里只列出我们一般用到的

HTML头部

就是在HTML的头部（<head>）内规定的元素，起到不同的作用

<tittle>定义文档标题

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

<title>流云飞水</title>
</head>

<body>
<p>正文</p>
</body>

</html>

<base>定义的链接

用base定义的链接将在新窗口打开，如：

<html>
<head>
<title>流云飞水</title>
<base href="http://www.baidu.com.cn" />
<base target="_blank" />
</head>

<body>
<p ><a href="http://www.baidu.com.cn"  target="_blank">这个连接</a>正文</p>
</body>

</html>

点击连接后会在新网页打开链接

<link>定义样式

<html>
<head>
<title>流云飞水</title>
<base href="http://www.baidu.com.cn" />
<base target="_blank" />
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

<body>
<p ><a href="http://www.baidu.com.cn"  target="_blank">这个连接</a>正文</p>
</body>

</html>

<meta>定义元数据

元数据（metadata）是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

<meta> 标签始终位于 head 元素中。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

<script>定义脚本

用于定义网页为客户服务的一些脚本，如js之类的

感想

学习要经常尝试，便会有连连惊喜！
每日一句：
如果注定，便一定会发生。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航