day01(2.15)

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>


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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值