1.HTML
1.1.开发环境搭建
编辑器： vscode、sublime、webstome
浏览器： 谷歌 火狐 360 IE safari
部署环境：阿里云服务器
1.2.介绍
html 超文本标记语言 的缩写
hello.html hello.htm
插件： 1.html css support （htmlcss标签的提醒）
2.open in browser（浏览器中打开）
3.auto rename tag（自动补全标签）
2.HTML结构
<!-- 文档声明 html -->
<!DOCTYPE html>
<!-- html的根元素 -->
<html lang="en">
<!-- 头部内容不会显示在页面中 -->
<head>
<!-- 规定了文档的字符集 编码方式 -->
<meta charset="UTF-8">
<!-- 规定了IE浏览器的兼容 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 规定了响应式 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 标题 显示在我选项卡当中 -->
<title>第一个html文件</title>
</head>
<!-- body中写想要显示在页面当中的内容 -->
<body>
hello world
</body>
</html>3.HTML语法&标签
3.1.注释
<!-- hello world --> 不会在网页中显示，可以在原码中显示，用来解释说明
3.2.元素
双标签元素：开始标签+结束标签+内容+属性
<div>
<div>
<div>test</div>
</div>
</div>单标签元素：开始标签+属性
<br/>
<hr/> 3.3.属性
写在开始标签当中， 属性由 属性名=“属性值” 引号可以是单引号可以是双引号
核心属性：
id 唯一性
class 可以共用
style 对样式进行设置
title 鼠标悬浮 提示
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=devi
最低0.47元/天 解锁文章
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
