1.格式
<!doctype html>文档声明告诉浏览器当前网页的版本是HTML5
<html> 根
<head><meta charset="utf-8"> <title>文档标题 </title></head>
<body>(真正显示出来的内容)
</body>
</html>
标签:
<h1>~<h6>:定义标题
<p>定义段落
<a>定义链接 例如:<a herf="http://www.index.com"> </a>
<img>定义图像 例如:<img loading="lazy" src="路径" width="x" hight="y"></img>
<br>换行
练习:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<h1> 恭喜你来到我的世界</h1>
<p>欢迎光临我的海域欧。</p>
</body>
</html>
运行结果:
在标签中可以设置属性,属性是一个名值对(x=y)属性设置标签中的内容如何显示,中间用空格隔开。
例如<font>标签里面设置颜色属性<font color="red"></ront>
结果:
2.
在网页中有些特殊字符不能被书写,例如空格,字母前后大于小于号等
有n个空格浏览器解析时默认为1个空格
<p>欢迎来到 网页世界</p>
解决此类问题需要用转义字符
实体的定义:
&实体的名字;
例如
空格的表示方法为
大于号>
小于号<
3.meta标签
主要用于设置网页中的一些元数据,元数据不是给用户看的。
charset指定网页的字符集,name指定数据的名称,content指定数据的内容,keywords指定网站的关键字,可以指定多个关键字,关键字之间用逗号隔开。
例如:在网页上搜"购物"会出现京东,打开京东的首页面源代码会发现keywords里面有购物这一关键字。
此外图中的description是对网站的描述,当搜索京东时,旁边的介绍就是description里面的内容
另外title标签的内容会作为搜索结果的超链接。
如果想要自己的网站几秒之后跳转到另外的页面。假如3秒后跳转到百度页面。
<meta http-equiv="refresh" content="3";url=www.http://baidu.com >
运行结果:
3秒之后跳转到百度首页。