当前位置: 代码迷 >> 综合 >> day01(2.15)
  详细解决方案

day01(2.15)

热度:34   发布时间:2023-12-05 18:00:23.0

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>


**单标签是不能加载内容的,只有双标签可以加载内容,页面中的内容放在开始标签之后,结束标签之前,也就是放在两个标签之间**