新建文件夹HTML5（随便命名）并在VSCode中打开。在文件夹中新建demo1.html文件。生成HTML5骨架快捷键：先输入英文！，再按Tab键。保存文件快捷键：按Ctrl加S。方式一：使用Chrome浏览器，并设置为默认浏览器。然后双击html文件打开。方式二：在VSCode中安装LiveServer插件，并在VSCode的html文件窗口中鼠标右键并选择openwithli...

　　现在学习HTML5的方式目前HTML还处于HTML4与HTML5之间的过渡使用阶段。移动端的Web界面开发已经全面使用HTML5的技术，而在PC端由于用户升级浏览器周期较长，面临着页面的兼容性问题，以及开发人员对HTML5新技术需要一段时间了解和熟练，所以学习HTML必须兼顾这两个版本。可以按版本升级的方式，先学习HTML4的技术，再延伸学习HTML5新增加的内容。而HTML是一个不断变化的标...

　　网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex布局将成为未来...

　　过jQuery，您可以选取（查询，query）HTML元素，并对它们执行"操作"（actions）。jQuery语法jQuery语法是通过选取HTML元素，并对选取的元素执行某些操作。基础语法：$（selector）。action（）•美元符号定义jQuery•选择符（selector）"查询"和"查找"HTML元素•jQuery的action（）执行对元素的...

　　元素定义ID属性，就是定义了唯一标识。属性定义在元素的开始标签中，这样无论是闭合元素还是空元素都可以正常使用属性。属性的语法结构是键值对形式的。如下图所示展示了属性的语法结构：注意：不同的属性，对应不同类型的值。与元素的情况类似，属性的编写W3C组织也是建议使用小写形式。目前开发编辑器的提示功能也都是提供小写形式的。同一个元素是允许编写多个不同的属性的，但在同一个元素中不能同时定义多个...

　　一段html代码中包括<!doctypehtml>，head，body这几个主要部分。“<!doctypehtml>”：文档声明|doctype文档声明|html文档生命，告诉浏览器当前html是什么版本，而且它不是一种标签，只是一种声明格式。“title”是标题标签，主要是当前文档的主要标题，是head中必有的标签。“head”构成HTML文档的开头部分。head和head标志对之间...

　　小白前端学习日记（一）认识前端事不宜迟，赶快进行三个基本能力中相较来说最简单的HTML的学习吧！在编写HTML时我们们首先要写出以下代码。不要被这一大长串吓到，在VSCode编译器中html文件第一行打出“！”便会自动得到这些代码。我们来认识一下这些标签都是什么。HTML文件第一行必须是DTD（DocumentTypeDefinition，文档类型声明），不写DTD会引发浏览器的一些兼容问...

　　1.CSS的语法：CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。语法：selector{property:value}（选择符{属性：值}）说明：·选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：例子：body{c...

　　hugo使用的是go语言自带的模板引擎，模板的标签为，{{}}中包含的内容叫’动作’（action）。动作分为两种类型数据求值控制结构求值的结果会直接输出到模板中，控制结构主要包含条件，循环，函数调用等。给局部变量赋值使用,这是golang的语法这就相当于重新创建了新的上下文环境。在内的点（。）的值为新的值，也就是传进来的值。在编写模板的时候，常常将公用的部分单独做成一个模...

　　Flask强大的地方就可以引用模板，而且非常方便。这里不得不介绍block这个概念。模板的文件一般放在templates文件夹下，我们这里新建一个HTML文件，存放模板，'base.html'在这里面也，编排了整个页面的排版，里面会用到很多block的占位符。每个block都代表一段html语句块，而这些块在哪里定义呢，可以在当前的base.html中定义，也可以在别的html中定义。反正要有...