当前位置:首页 » 《随便一记》 » 正文

前端秘法引言(配置vscode, 以及html的基础)

6 人参与  2024年02月17日 11:46  分类 : 《随便一记》  评论

点击全文阅读


目录

一.配置环境vscode

二.配置插件

三.vscode的实用小技巧

四.标题段落换行标签

五.格式化标签


一.配置环境vscode

vscode官网https://code.visualstudio.com/

点击右上角的download

根据不同的操作系统进行下载安装,我这里选的是Windows x64

安装好后打开,点击左上角的文件(Files)->打开文件夹(open folder)->创建新文件->选择

点击第一个图标,创建一个后缀名为.html的文件即可

二.配置插件

这里我们配置四个插件

大概说一下,第一个插件是为了保证我们在修改标签时同时修改<></>这两个

第二个是配置汉语言包,可有可无

第三个是我们能够直接在vscode界面运行代码打开浏览器

第四个是我们再修改并保存代码后不用刷新浏览器

三.vscode的实用小技巧

1.快速生成代码大纲

!+回车即可

lang = 'en'是默认语言为英语

charset="UTF-8"是默认的解码规则为UTF-8,因为大部分浏览器的编码规则是UTF-8

name="viewport" content="width=device-width, initial-scale=1.0"

这个解释起来有点麻烦,不过通俗来讲是为了让你的程序在移动端也能运行

2.Ctrl+s

快速保存代码,代码只有保存后才能在浏览器上显示出来效果

3.Ctrl+/

批量注释代码,html的注释语言为<!--  -->

四.标题段落换行标签

事实上html语言本身就是一种数据结构--Dom树,通过编写代码实现对数据的增删查改,而html语言是有一个一个标签组成的,这些标签实际就是树的节点,而其中又通过缩进来区分不同的层级,<html>是根,<body>与<head>同级

标题标签

<title>

在这个位置显示

段落标签

<p>

换行标签

<br>

五.格式化标签

1.加粗,strong,b

2.倾斜,em,i

3.删除线,del,s

4.下划线,ins,u

每种格式化标签都有两种代码表达方式,区别就是前者就有强调性


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/68769.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 抽卡后,气运之子怎么都缠上来了小说(夏挽棠)(抽卡后,气运之子怎么都缠上来了)全书+后续+结局在线阅读
  • 前传爱意随风消逝续集:全文+番外乔清浅宋轻舟:结局+番外新上热文
  • 宋昭黎陆铭绪(假如从没拥抱你)前文+全本完整阅读预售作品抢先看
  • 终章小说搬空海港!我携军舰嫁军官躺赢了完结篇(温婉历战)已更新+延伸(搬空海港!我携军舰嫁军官躺赢了)清爽版
  • 贵妻在上:废材老公来护航完结篇(贵妻在上:废材老公来护航)章节目录+章节前文(宋锦瑶霍少霆)全章无套路在线
  • 离婚后,前夫一家给我跪下了隐藏剧情_明白双宿双飞江城必读文_小说后续在线阅读_无删减免费完结_
  • 乔芊芊顾宴夜小说(乔芊芊顾宴夜)(踹了渣男后,禁欲大佬为我失控)前传+阅读全新作品预订
  • 假如从没拥抱你小说(宋昭黎陆铭绪)全本完整阅读最新章节(假如从没拥抱你)_笔趣阁
  • 特工医妃,摄政王的腹黑掌上欢前言+后续_苏清叙裴玄褚最新阅读_小说后续在线阅读_无删减免费完结_
  • 热文推荐绑定站姐系统后,我成娱乐巨头了附加(沈霁月沈暨星)(绑定站姐系统后,我成娱乐巨头了)最新章节列表
  • 爱你的事当做秘密惊天黑幕_鹿言裴禹连载_小说后续在线阅读_无删减免费完结_
  • 和前夫穿越后又重生了番外+结局(挽星阙靖安)小说在线阅读

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1