tips:惨,一个月没写网页了,感觉好像忘了好多东西,写个博客压压惊!
先写一个最简单的网页,桌面右键新建一个文本文档,修改后缀名为html,妥了,网页建好了!是不是很简单!想要显示内容?简单,在新建的文本文档中输入Hello Word,再改后缀名,是不是有了!是不是很神奇!
当然,这不能算是一个网页,网页是一个包含HTML标签的纯文本文件,那么这个文件它包含HTML标签吗,如果你用网页编辑器打开它你就会发现它没有任何的HTML标签。
一、HTML常用标签
1、构建一个网页的基础标签
所有的网页都会包含三对标签:<html></html><head></head><body></body>
<html>
<head>
</head>
<body>
</body>
</html>
其中<html></html>是网页的跟标签,网页所有的内容都必须写在这一对标签之中,除了文档声明<!DOCTYPE html>,如果把html当作是一个整体,那么它就分成两个部分,head以及body。
head,译为头部,在这个部分写的是网页的标题,网页引用的脚本、样式、元信息等内容。
body,译为身体,在这个部分写的是网页的主体内容,所有呈现在你眼前的静态内容都写在这个部分。
2、<head>标签中的内容(常用)
<head>是双标签,定义在文档的头部,描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
- <meta>是单标签,该标签可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
- <title>是双标签,该标签定义文档的标题,浏览器将其显示在网页的标题栏或状态栏上。
- <link>是单标签,该标签定义文档与外部资源的关系,通常用来引用外部样式表。
- <style>是双标签,该标签用于为 HTML 文档定义样式信息。
- <script>是双标签,该标签用于定义客户端脚本,比如 JavaScript,可以通过 src 属性指向外部脚本文件。
3、<body>标签中的内容(常用)
<body>是双标签,