html语法规范:
<>中,标签成对出现<html></html>双标签、<br />单标签
(1)标签关系分为两类:包含关系和并列关系
包含:
<head>
<title></title>
</head>
并列:
<head></head>
<body></body>
(2)html基本结构标签
<html>
<head>
<title>我的第一个页面</title>
</head>
<body>
你我之间,黑马洗练
</body>
</html>
(3)开发工具
Vscode(输入!选择第一个,可以快速生成代码结构)
<!DOCTYPE html>
<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页
Ps:声明位于文档中的最前面的位置,处于<html>标签之前
它不是一个html标签,他就是文档类型声明标签
<html lang="en">
语言为英文en 中文zh-CN
<meta charset="UTF-8">
字符集
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我利用vscode创建的第一个页面</title>
</head>
<body>
写代码是一件非常快乐的事情
</body>
</html>
双击打开软件,新建文件(ctrl+N),保存(ctrl+s)注意要保存为.Html文件
Ctrl+,ctrl-控制字号大小
运行:右击空白处,选择(open in default browser)
Vscode插件安装:(需要网络)重新加载显示插件效果
chinese:中文
Open in browser:右击选择浏览器打开html文件
Auto Rename Tag:自动重命名配对的html/xml标签(前变后变)