提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
本人小白从零开始学习前端，会时常更新，大家一块沟通讨论共同进步！
一、软件下载安装
二、HTML
1.基本结构
2.head
3.body
三、div(块元素)span(行内元素)及style属性
四、页面F12的使用
前言
就是想学一门技术有饭吃
一、软件下载安装
首先要写代码需要环境，就需要下载软件来承载我们的代码，这里我推荐Visual Studio Code
Visual Studio Code - Code Editing. Redefined直接点击链接进入官网。
下载好之后进入页面是英文的，这时需要下载两个插件，一个是汉化插件，一个是环境运行插件
第二个就是浏览器了，这里推荐大家使用chrome浏览器
二、HTML
1.基本架构
代码如下：
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
基本结构中：
<!DOCTYPE html> 表明属于h5版本
<head></head> 头标签 内部编写修饰文档
<body></body> 身体标签 内部编写页面内容
2.head
head中：
<title></title> 页面标题
<meta charset="utf-8"> 页面编码 utf-8 万国码
<meta name="viewport" content="width=device-width,initial-scale=1.0">
3.body
body中：
<h1>-<h6> 六级标题 ：加粗 变大 黑体 行距 换行
p：行距 换行
三、div(块元素)span(行内元素)及style属性
块属性：div 自动换行
行内元素：span 不会自动换行 ，没有任何效果，仅仅做隔离使用
style属性：在开始标签中可以使用属性 属性名="属性值"--------style="color:red"
四、页面F12的使用
元素：查看页面当前代码
样式：查看元素的样式CSS
选项选择：单击可以打开和关闭，打开以后鼠标在页面滑动 自动左右联动
总结
提示：这里对文章进行总结：
以上就是我今天新学习的内容，软件的安装，HTML的基本结构及一些标签属性，欢迎大家跟我沟通讨论！
2418
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
