提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
本人小白从零开始学习前端,会时常更新,大家一块沟通讨论共同进步!
一、软件下载安装
二、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的基本结构及一些标签属性,欢迎大家跟我沟通讨论!