HTML学习笔记1 | 易学教程

一个HTML文档的组成

文档申明：<!DOCTYPE HTML> 申明表示这是一个HTML文档
html标签：<html></html> 这是设计者在告诉浏览器，整个网页是从<html>这里开始的，然后到</html>结束
head标签：<head></head> head标签是页面的“头部”，只能定义一些特殊的内容
body标签：<body></body> body标签是页面的“身体”，一般网页绝大多数的标签代码都是在这里编写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

一、head标签

一般来讲<head>标签中只有<title><meta><link><style><script><base>这6个标签可以放在标签内

<title>网页标题
<meta>“元信息标签”，有两个比较重要的属性name和http-equiv，提供的信息不显示在页面，一般来说meta标签就是用来描述这个网页是用来做什么的

name属性：: 网页关键字：<meta name="keywords" content="网页的关键字（可以是多个）"/>
网页描述：<meta name="description" content="网页的描述"/>
本页作者：<meta name="author" content="网页的作者">
版权声明：<meta name="copyright" content="版权信息"/>
http-equiv属性：: 两个作用：一是定义页面所使用的语言；二是实现页面的自动刷新跳转
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
告诉浏览器该页面所使用的字符集是gb2312，即国际汉字码
<meta http-equiv="refresh" content="6;url=http:/www.baidu.com"/>
这个页面在6面后跳转到百度首页

<style>
用来定义css样式<style type="text/css"></style>
<script>
用来定义页面的脚本<script type="text/javascript"></script>或者直接引入外部js文件<script src="https://js.arcgis.com/4.8/"></script>
<link>
用来链接外部css文件或者js文件
<link rel="stylesheet" type="text/css" href="/temp.css/">
<base>
用来定义页面所有链接的基础定位（用的很少，可忽略）

二、body标签

把要写的页面内容放在这个标签内，这是页面的开始与结束，同时<script>也可以放这里

来源：CSDN

作者：baijian10

链接：https://blog.csdn.net/baijian10/article/details/103683042

标签

html代码

html语言