WEB DAY2

最新推荐文章于 2024-09-11 17:25:08 发布

庄五金

最新推荐文章于 2024-09-11 17:25:08 发布

阅读量58

点赞数

分类专栏： python自学文章标签： web html5

本文链接：https://blog.csdn.net/yuzhourelianqi/article/details/123881356

版权

python自学专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文解析了HTML的基本标签，包括<head>中的<title>、meta用于定义页面元信息、link引入CSS和script定义脚本，以及<body>中的内容结构。了解这些标签有助于创建结构清晰的网页。

摘要由CSDN通过智能技术生成

03基本标签

1. 2.HTML标签

html标签的作用是告诉浏览器这个页面是从<html>开始的，从</html>结束的。

这句代码的作用是告诉浏览器当前页面使用的是W3C的html标准，一般情况下是不需要加的。

3.head标签

网页的头部，用来定义一些特殊的内容，如页面的标题、定时刷新、外部文件等。

一般有六个标签可以放在head标签内。

title：定义网页的标题

<!DOCTYPE html>
<html>
<head>
    <title>The word of honor</title>
</head>
<body>
    <p>山河不足重，重在遇知己</p>
</body>
</html>

meta:定义页面的特殊信息，例如页面关键字、页面描述等。是供给搜索引擎蜘蛛看的，（告诉搜索引擎这个页面是干什么的）

重要属性：name和http-equiv

name属性：

<!DOCTYPE html>
<html>
<head>
    <!--网页关键字-->
    <meta name="keywords"content="绿叶学习网，前端开发，后端开发"/>
    <!--王爷描述-->
    <meta name="description" content="绿叶学习网是一个最富有活力的web技术学习网站"/>
    <!--本页作者-->
    <meta name="author" content="helicoptet">
    <!--版权声明-->
    <meta name="copyright" content="本站所有教程均为原创，版权所有，禁止转载。否则必将追究法律责任"/>
    <title>The word of honor</title>
</head>
<body>
</body>
</html>

（看不出来写的东西）

重点：keyword和description

http-equiv属性：

这段代码是告诉浏览器：该页面所使用的编码是utf-8.

在HTML5标准中上面这句代码可以简写为：<meta charset="utf-8"/>

保证不出现乱码。

这段代码表示当前页面在6秒后会自动跳转到http://www.baidu.com这个页面。

link 用于引入外部样式文件（CSS文件）

style 用于定义元素的CSS样式

script 用于定义页面的javascript代码，也可引入外部javascript文件

base 标签无意义

4.body标签

网页的身体，大部分代码都是在这个标签内部编写的。

e.g

<!DOCTYPE html>
<html>
<head>
    <title>《山河令》</title>
</head>
<body>
    <p>这是网页的内容</p>
</body>
</html>

分析：

title标签是head标签的内部标签，定义的内容是页面的标题，浏览器栏目中显示的标题。

<p></p>是段落标签，用于定义一段文字。

e.g

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>路飞个人简介</title>
    <style type="text css">
         /*这里填样式*/
    </style>
   <script>
       /*这里填javascriipt代码*/
   </script>
   <link type="text/css" rel="stylesheet" href="css/index.css">
</head>
<body>
    <h3>静夜思</h3>
    <p>床前明月光，疑是地上霜。</p>
</body>
</html>