HTML学习笔记- v2.0

概要

之前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之类的

感想

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




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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值