从零开始学前端（二）

最新推荐文章于 2024-04-23 13:38:37 发布

weixin_42800392

最新推荐文章于 2024-04-23 13:38:37 发布

阅读量68

点赞数 1

分类专栏：从零开始学前端

本文链接：https://blog.csdn.net/weixin_42800392/article/details/118023122

版权

从零开始学前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

上一篇我们已经写了第一个网页，接下来就分析一下刚刚的代码

<!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、大家可以再练习一下其他的标签

weixin_42800392

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
从零开始学前端（二）

上一篇我们已经写了第一个网页，接下来就分析一下刚刚的代码<!DOCTYPE html> ##申明为html文档<html><head> <meta charset="UTF-8"> <title>制作我的第一个网页</title></head><body> <h1>大家好，我是一只羊，这是我的第一个网页</h1> <p>Hello
复制链接

扫一扫