把写HTML就想象成搭乐高积木，这并不会很难，加油看下去吧！ ---- # HTML标签，HTML元素 HTML标签是HTML文档的最基本单位。...两个尖括号之间的是标签名。标签名大小写不敏感。 HTML元素是由 HTML标签，HTML内容 和 HTML属性 构成的。 但是基本上，HTML标签 和 HTML元素 这两词很多情况下同义共通。...它是一个 块级元素，顾名思义基本上用来 分区 或 布局，作为组合其他 HTML 元素的容器。...loop属性 让音频循环播放 当然我在这里只能介绍一些基本用法，更多内容请大家多多查资料：HTML多媒体参考 # 前端学习网站推荐 想要成为一个好的程序员，自学和搜索这两项技能是必须要精通的。...慕课网 - 包含各类开发语言的教学网站，也提供付费课程。对于自学开发很有帮助。 W3schools - 与前面不同，这个是外国的前端教学网站。上面提供非常全面的前端实例练习。
这么做会打开一个包含页面 HTML 代码的窗口。 HTML 段落 段落是通过 标签定义的。...HTML 输出 我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。... HTML 样式 style 属性的作用： 提供了一种改变所有 HTML 元素的样式的通用方法。...样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。...不赞成使用的标签和属性 在 HTML 4 中，有若干的标签和属性是被废弃的。被废弃（Deprecated）的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。
HTML结构 结构 1.基本结构 2.头部内容 3.主体内容 4.页面的开头 结构 1.基本结构 以下代码是HTML的基本结构： 简化后，基本结构就变得十分明显。...HTML文档的开始代码,出现在第一句： HTML文档的结束代码,出现在末尾： 其他所有HTML代码都位于这两个标记之间，这两个标记的作用就是告知浏览器这是一个Web文档，该按... head标记是HTML文档的头部标记，头部信息不会在浏览器窗口的正文中显示； … ... 可以插入在头部标记中，指定HTML文档的网页标题的标记。...DOCTYPE html> 上面是HTML5简化后的声明代码 DOCTYPE标记常常被用来声明要使用什么风格的HTML或XHTML； 此标记使浏览器知道应当如何处理文档
DOCTYPE html> 网页标题是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。 ......标签是开发人员在告诉浏览器，整个网页是从这里开始的，到结束,也就是html文档的开始和结束标签。 ......标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件的。 ...标签是编写网页上显示的内容。 2....浏览网页文件 网页文件的后缀是.html或者.htm, 一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页
HTML基础概念 HTML 是用来描述网页的一种语言。... 注释 与 之间的文本描述网页 与 之间的文本是可见的页面内容 与 之间的文本被显示为标题... 与 之间的文本被显示为段落 四个基本的 HTML 标签 HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。...空的 HTML 元素 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。...HTML 属性 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现，比如： name="value"。属性总是在 HTML 元素的开始标签中规定。
HTML语法 1.单标记 2.双标记 3.属性 1.单标记 HTML中是不区分大小写的，空格与回车在其中无效果 HTML中用于描述功能的符号称为“标记”，单标记是其中的一种。...点赞 收藏 关注 网页效果： 可以发现，代码中看似不同行的内容，在浏览器窗口中被显示在同一行，而这时候br单标签就能实现换行操作。... 点赞 收藏 关注 添加br标记后的网页效果： 单标签还有： <!...，双标记中结束的标记总是在开始标记前加一个斜杠/ 部分双标记示例： ......属性语法基本就是： 属性名与标签名需要空格间隔开，属性值可用 “” 括起来，也可不用。
，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开...html基本结构 一个html的基本结构如下： ”定义html文档的整体，“”标签中的‘lang=“en”’定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，它一般作为分析统计用。...HTML文档类型 目前常用的两种文档类型是xhtml 1.0和html5 xhtml 1.0 xhtml 1.0 是html5之前的一个常用的版本，目前许多网站仍然使用此版本。...，注释的内容不会显示在页面上，html代码中插入注释的方法是： <!
image.png 如果要掌握、运用好Position、Float属性必须要对HTML的两个基本点有清晰的了解。...盒子模型（box model） HTML的普通流（normal flow） 盒子模型 在HTML中元素的盒子模型分为两种：块状元素、行内元素，请注意这里的块状元素（Block）和行内元素（Inline）...块状（Block）类型的元素的width默认为100%，而行内（Inline）类型的元素则是根据自身的内容及子元素来决定宽度。...HTML的普通流 浏览器在读取HTML源代码的时候是根据元素在代码出现的顺序读取，最终元素的呈现方式是依据元素的盒子模型来决定的。行内元素是从左到右，块状元素是从上到下。...如果你不改变元素的默认样式前提下，元素在HTML的普通流中会“占用”一个位置，而“占用”位置的大小、位置则是由元素的盒子模型来决定。
，可以通过HTML中的一些标记实现对文字的格式化，前提是想要在网页中显示的文字必须添加到……之间。 ...这事可以用font属性来定义文字格式， 基本语法为： …… 其中，face用来定义字体...段落格式 段落标记：在文本编辑器中手动输入的回车和空格通常会被HTML忽略，所以网页中的段落通常用……来格式化。...由属性标记的文字，代表同一个段落，不同段落间的间距等于连续加了两个换行符，所以用于区别文字的不同段落。 ...，也可以使图片等网页中的元素居中显示；
一、HTML 的创建与浏览HTML 文件的创建实际开发中创建 HTML 文件有两种方式，第一种可以使用编辑器 VSCode 安装 ctrl + N 快捷键来创建 HTML 文件，注意 HTML 文件的后缀必须是....html；第二种方式就是可以直接通过鼠标右键创建新的文件，并把后缀改为 .html 即可。...首先创建一个文件夹 01_HTML5基本语法与标签，在该文件中创建一个 HTML 文件 01_第一个HTML5页面.html，通过 !+tab 键生成基本的 HTML 骨架。输入 !...就会出现提示，可以点击这个提示或者按下 tab 键就可以生成 HTML 骨架：HTML 骨架代码如下：如果在输入 ! 时没有相关的提示，可能是因为文件的后缀名不是 .html 导致的。...第二种方式就是通过给 VSCode 安装 Live Server 插件，这个插件可以实时的显示 HTML 文件的更新，自动的刷新网页。
1. vscode 的基本介绍 全拼是 Visual Studio Code (简称 VS Code) 是由微软研发的一款免费、开源的跨平台代码编辑器，目前是前端(网页)开发使用最多的一款软件开发工具。...当然为了更好的使用 vscode 还可以安装对应的插件。...html 汉化插件安装 cj1.png cj2.png 注意: 如果在vscode打开的html文档中右击没有出现 open in browser 类型的选项，需要把当前打开的文件关掉，重新打开这个文件就好了...5. vscode 的使用 打开文件夹创建文件 sy1.png sy2.png 快速创建html文档的基本结构 sy3.png 右击在浏览器打开html文档 sy4.png 6....小结 vscode 是由微软研发的一款免费、开源的跨平台代码编辑器 通过资源管理器打开文件夹创建HTML文件，编写 HTML 代码 可以根据需要安装对应的插件 可以设置字体大小和颜色主题
语言 菜鸟HTML教程 JinJa模板 思诚之道Jinja教程 Bootstrap框架 未定 HTML是一种超文本标记语言，由不同的标签构成树形结构。...超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。...您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。...HTML基本语法 元素与属性 HTML由元素构成，每个元素由元素开始标签，元素内容和元素结束标签构成如b中，为元素开始标签表示一个段落元素开始，b为元素内容，为元素结束标签，...属性表示了元素的一些附加属性，一般出现于元素开始标签，格式为key=value的形式。
类似于长期存储的规律性数据。...oracle\mysql\ms sql server\sqlite 非关系型：爬虫爬下来的数据，爬了两个域名完全不一样的网站，这两个网站的数据最好用Mongodb因为完全没关系。拓展表格很方便。...，所以 学号和课程号的属性组是一个主键 成绩表中的学号不是成绩表的主键，但它和学生表中的学号相对应，并且学生表中的学号是学生表的主键，则称成绩表中的学号是学生表的外键 同理 成绩表中的课程号是课程表的外键...身份证号是唯一能确定你这个人的，其他都可能有重复，所以，身份证号是主键。 2.外键用于与另一张表的关联。是能确定另一张表记录的字段，用于保持数据的一致性。...比如，A表中的一个字段，是B表的主键，那他就可以是A表的外键。
文字与段落 编辑文字 文字是网页的基础，可以通过HTML中的一些标记实现对文字的格式化，前提是想要在网页中显示的文字必须添加到……</body...这事可以用font属性来定义文字格式， 基本语法为： …… 其中，face用来定义字体...段落格式 段落标记：在文本编辑器中手动输入的回车和空格通常会被HTML忽略，所以网页中的段落通常用……来格式化。...由属性标记的文字，代表同一个段落，不同段落间的间距等于连续加了两个换行符，所以用于区别文字的不同段落。 ...，也可以使图片等网页中的元素居中显示；
，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开...html基本结构 一个html的基本结构如下： <!...HTML文档类型 目前常用的两种文档类型是xhtml 1.0和html5 xhtml 1.0 xhtml 1.0 是html5之前的一个常用的版本，目前许多网站仍然使用此版本。...> 两种文档的区别 1、文档声明和编码声明 2、html5新增了标签元素以及元素属性 html注释： html文档代码中可以插入注释，注释是对代码的说明和解释...，注释的内容不会显示在页面上，html代码中插入注释的方法是： <!
在MDN中他是这样定义的： meta是文档级元素，用来表示那些不能由其它 HTML 元相关元素（、、、或）之一表示的任何元数据。...meta 元素定义的元数据的类型： 1. 设置了 itemprop 属性，meta 元素提供用户定义的元数据。 2. ...其中name属性与http-equiv属性的值变化比较多，下面着重对这两个进行介绍： name属性 name 和content一起使用，前者表示要表示的元数据的名称，后者是元数据的值。...1. author 用来表示网页的作者的名字，例如某个组织或者机构。 2. description 是一段简短而精确的、对页面内容的描述。...2. content-type 用来声明文档类型和字符集 3. x-dns-prefetch-control 一般来说，HTML页面中的a标签会自动启用DNS提前解析来提升网站性能，但是在使用https
HTML的基本结构： --文档声明 --根标记 --网页的描述信息 文档主要内容 HTML的主要结构： 站点标题 文档正文
单选框的name的值必须一样才能达到单选的效果。...DOCTYPE html> 5 2006年降格，但尚存争议 </html
DOCTYPE html> HTML5...基本标记 头标记<head> 标题标记<title>用来说明网页的用途... 元信息标记<meta>提供有关页面的元信息，比如搜索引擎和更新频度的描述和关键词。 ...目前由于SEO优化滥用， 现在keywords起到的作用并不是那么大了。
HTML文件包含一组标签，这些标签用于定义网页的结构和内容。浏览器读取HTML文件，并根据标记中的指示呈现网页内容。...HTML的主要作用是定义文本内容、图像、链接和其他媒体的排列方式，并提供交互元素，例如表单和按钮。HTML的基本结构每个HTML文档都应该遵循以下基本结构：：定义一个段落。...以下是HTML表单的基本元素：元素元素用于创建表单，可以包含文本字段、复选框、单选按钮、下拉列表等。...总结HTML是构建现代网页的基础。通过学习HTML的基本语法和元素，你可以创建吸引人且功能强大的网页。无论是文本、图像、链接还是表单，HTML提供了丰富的工具来呈现内容和实现用户交互。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
