上一篇我们已经写了第一个网页,接下来就分析一下刚刚的代码
<!DOCTYPE html> ##申明为html文档
<html>
<head>
<meta charset="UTF-8">
<title>制作我的第一个网页</title>
</head>
<body>
<h1>大家好,我是一只羊,这是我的第一个网页</h1>
<p>Hello,world</p>
</body>
</html>
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
可以发现标签基本都是成对出现的,内容被一对标签包裹。接下来我们来修改一下body里面的内容,加一张图片吧。
1、先保存一张图片到桌面如baidu.png
2、复制或者自己将以下代码敲入刚刚的文件中
3、点击文件》保存(或者按快捷键contrl+s)
<img src="baidu.png"></img>
4、重新用浏览器打开,或者按下f5刷新刚刚的网页,可以看到图片已经呈现出来了
5、再来加一个链接
<a href="https://www.w3school.com.cn/tags/tag_a.asp">W3School</a>
点击链接就可以进入href里面的网页地址
6、大家可以再练习一下其他的标签