基础使用
我们以新浪微博Z世代中国运动员:赛场新风貌|中国运动员|巴黎奥运会_新浪新闻 (sina.com.cn)的页面为例展开说明:
第一部分:创建文件
(1)导入文件夹
(2)新建文件
(3)效果
(3)生成基本标签:输入!就可以自动生成
(4)没有自动生成的也可以复制我下面的:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
基础标签下的基本解释:
①注释方法ctrl+shift+/
<!-- 基本内容 -->
②代表文档类型为html
<!DOCTYPE html>
③设置字符集为UTF-8
<meta charset="UTF-8">
④设置浏览器的兼容性
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
⑤浏览器的标题栏
<title>Z世代中国运动员:赛场新风貌</title>
例子: