day01(2.15)
工具:
浏览器 —— 谷歌(chrome) 火狐浏览器(Firefox) 欧朋(opera) 苹果浏览器(safari) IE(IE9 -11)
Markdown —— typora,笔记,用于笔记和接口文档
Vscode —— 编程工具(后续需要submile, webstorm, HBbuild)
Vscode使用:
安装插件:
Chinese —— 汉化,将英文版本转换成中文版本
open in browser —— 右键,快速打开浏览器预览代码
更改主题颜色 —— 文件 - 首选项 - 颜色主题
改变字体大小 —— 文件 - 首选项 - 设置 - Font Size
自动保存 —— 文件 - 首选项 - 设置 - Auto Save(onFocusChange)
第一个页面
页面的扩展名,是以 .html
为结尾,样式文件时以 .css
为结尾
1、电脑桌面 - 右键 - 新建 - 文本文档 - 改名(扩展名是以 .html 为扩展名)
2、鼠标左键拖住新建文件,拖动到vscode软件右侧区域,可在软件中打开
3、在vscode中,安转 shift + 1 (!)(英文字符) ,然后按Tab 键 ,自动生成基础代码结构
4、在body之间输入一句话,不要忘了保存(ctrl+s)
5、在代码区域,右键,选择浏览器打开
建立站点
新建一个文件夹(2021班) — 文件夹 (day01) — code(代码的文件夹)
第一种:注意文件顺序
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dsXi2r95-1645006698523)(file:///C:\Users\Administrator\AppData\Roaming\Tencent\Users\1545045126\QQ\WinTemp\RichOle\8MH@9U${6[[04M7[KDMD7RE.png)]
第二种:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QXmCBnlE-1645006698524)(file:///C:\Users\Administrator\AppData\Roaming\Tencent\Users\1545045126\QQ\WinTemp\RichOle\KRZDBT%%WR%SW684{W3LBWT.png)]
标签的分类
标签是嵌套的,外层的标签是父标签,内层的标签是子标签
标签 —— 使用尖括号括起来的单词或者字母就是标签
标签有两种:一个是单标签,一个是双标签
单标签:
? 单标签是单独出现的,只有结束符(可以省略),没有结束标签 (/: 结束符)
双标签:
? 有开始标签和结束标签,是成对出现的
<body>这是第一堂课</body>
单标签是不能加载内容的,只有双标签可以加载内容,页面中的内容放在开始标签之后,结束标签之前,也就是放在两个标签之间
ody>
**单标签是不能加载内容的,只有双标签可以加载内容,页面中的内容放在开始标签之后,结束标签之前,也就是放在两个标签之间**