代码编织梦想


HTML 与 CSS 支持

在这里插入图片描述
首先在扩展商店中搜索 HTML,下载框中的三个插件,第一个用于对 HTML 的一些书写支持(俺也不太清楚,看视频选的,但是好像被禁用了,说是有其他的插件对其受限,怀疑是因为和第二个起了冲突);第二个用于支持 CSS 的一些样式表等;第三个特别好用,自动补全代码,这样你书写的时候,不用先写<>,而是比如说写一个 body,然后点击 Tab就会自动进行补全,特别实用。


HTML 页面实时浏览内嵌

在这里插入图片描述
搜索 live server preview ,看到如上图所示插件进行安装,安装完成后,比如说我们写了一个 demo.html 文件,保存后按F1,选择show live server preview(如果是下图情况,直接回车即可),即可在 vscode 中查看刚刚写的页面,然后我们要修改时,只要保存完成那么这个内嵌的页面窗口就会立即自动刷新,而不用我们手动进行刷新。
在这里插入图片描述
在这里插入图片描述
(ps:发现个小问题,这个插件有时候刚点出来的时候不会显示东西,需要重新再开一次才会有,母鸡原因,难道是我第一次忘了保存~~)


学习视频:
VS Code中运行HTML和CSS-安装增强插件-编写和运行代码-浏览器预览


写在最后:
首先,如果本篇文章有任何错误,烦请读者告知!不胜感激!
其次,本篇文章仅用于日常学习以及学业复习,如需转载等操作请告知作者(我)一声!
最后,本文会持续修改和更新,如果对本分栏的其他知识也感兴趣,可以移步目录导航专栏,查看本分栏的目录结构,也更方便对于知识的系统总结!
兄弟姐妹们,点个赞呗!
感谢!笔芯!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_52275610/article/details/127156201

自己总结的html+css试题_香水烟雨的博客-爱代码爱编程

1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?     (1)<!DOCTYPE> 声明位于文档中的最前面,处于 <html> 标签之前。告知浏览器的解析器,用什么文档类型 规范来解析这个文档。     (2)严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。     (3)

在牛客网答题总结的前端面试71道html+css常考题_sunnymode的博客-爱代码爱编程

1、浏览器页面有哪三层构成,分别是什么,作用是什么?        构成:结构层、表示层、行为层        分别是:HTML、CSS、JavaScript        作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。 2、HTML5的优点与缺点? 优点:         a、网络标准统一、H

前端面试经典题目合集(html+css)_alan_147的博客-爱代码爱编程

(整理自网络,侵删) 1、浏览器页面有哪三层构成,分别是什么,作用是什么?        构成:结构层、表示层、行为层        分别是:HTML、CSS、JavaScript        作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。 2、HTML5的优点与缺点?

前端视频学习(九、html5+css3)_keyy1992的博客-爱代码爱编程

目录 1. HTML5新增标签属性1.1 部分新语义标签兼容性问题 1.2 新增表单type属性1.3 新增表单属性1.4 新增表单元素—— datalist, keygen, outputdatalistke

前端知识总结之HTML+CSS-爱代码爱编程

HTML4/HTML5+CSS2/CSS3 一、HTML 1.什么是HTML 语义化,有什么好处 是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),简单来说就是,标签用语义化的英文单词或者单词缩写,比如段落使用 ,侧边栏用 ,便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。

html+css基础知识整合 2021-08-30-爱代码爱编程

html基础知识整合 文章目录 **html基础知识整合**【web的组成】【HTML5基本语法】常规标签(普通标签、双标签)【文章标签】【修饰标签】【特殊字符】【HTML注释】【列表】无序列表:自定义列表:【插入图片】标题Alt与title的区别:【常用的布局标签】【表格】【表单】【智能表单】Input表单的type新属性值新增的表单属性:ge

前端学习笔记 - HTML+CSS-爱代码爱编程

基础认知 网页 什么是网页 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页”,通常是 HTML 格式的文件,它要通过浏览器来阅读。 网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常见以 .htm 或 .html 后缀结尾的文件,因此

【自编教材】16万8千字的HTML+CSS基础 适合从0到1-可收藏-爱代码爱编程

【图片链接有点小问题,这几天更新,敬请期待!】目 录 第一章HTML基础 1.1 HTML简介和发展史 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.1.3 web标准 1.2 开发中常见概念解释 1.2.1前端 1.2.2后台 1.2.3 浏览器 1.3 纯文本和超文本的使用 1.4 开发工具的使用 1.4.1常

2022最新html5+css3笔记-爱代码爱编程

font的复合属性 取值:font:style weight size family省略要求:只能省略前两个,如果省略了就等于设定为默认值。 <style> h2 { font-family: '微软雅黑'; font-size: 18px; /* 文子变