关于『HTML5』:第一弹

建议缩放90%食用

祝各位国庆节快乐！！1

经过了「过时的 HTML」、「正当时的 Markdown」的双重洗礼后，我下定决心，好好学习HTML5

这回不过时了吧（其实和原来没什么区别）

HTML5 冲鸭！！1
(开启百度百科模式)

（奇怪的知识又增加了呢~)

HTML5系列向你空投知识，请注意接收

好久没废话了

要为大家带来（期待已久） HTML5 了呢~

注：编者用的是CSDN-Markdown编辑器（需要推荐的同学往后走）

声明：由于 HTML5 只是在 HTML 的基础上进行了新增或者废弃一些标签或者特性，本文默认均为HTML5语法，被废弃的部分就不再提起。

HTML5 系列体系大体和原来的过时的 HTML 并没有太大区别，请不要以为走错片场。

正文好久没开始了

一. HTML5 概述

(一).什么是HTML5

(这段可以跳过没啥用)

HTML5 是构建Web内容的一种语言描述方式，HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式，被认为是互联网的核心技术之一。
HTML 产生于1990年，1997年 HTML4 成为互联网标准，并广泛应用于互联网应用的开发。
HTML5 是 Web 中核心语言 HTML 的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息，HTML5在从前HTML4.01的基础上进行了一定的改进。

(二). 浏览器的版本

(这段也可以跳过)

现今浏览器的许多新功能都是从 HTML5 标准中发展而来的。
目前常用的浏览器有 IE、火狐、谷歌、Safari和Opera 等等，通过对这些主流web浏览器的发展策略调查，发现它们都支持 HTML5 上采取了措施。

(三). 编辑器（开发工具）推荐

Visual Studio Code ，官网地址
（没错，又是这个万能的小家伙）
HBuilderX，官网地址

注：我就挖到这俩，CSDN-Markdown 不建议作为HTML5 开发工具使用，其他好使的工具欢迎评论区补充

二. HTML5 语法

(一). 基本结构

(1)HTML标签
整个网页是从这里开始的，然后到结束
(2)head标签
head标签代表页面的“头”，定义一些特殊内容，这些内容往往都是“不可见内容”（在浏览器不可见）

代码:

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <title></title>

</head>

<body>

</body>

</html>

(二). 语法规范

HTML 中不区分大小写，但是建议使用小写
HTML 中的注释不允许套娃
HTML 标签必须结构完整，要么成对出现，要么自结束标签
HTML 标签可以套娃，但是不能交叉套娃
HTML 标签中的属性必须有值，且值必须加引号(双引号单引号都可以)

(三). 标签规范

单标签：

<标签名 [属性名=属性值,...]>

成对标签：

<标签名 [属性名=属性值,...]></标签名>

三. HTML5标签

（又从最基础讲起）

(一). 标题标签

代码:

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

<h4>这是四级标题</h4>

<h5>这是五级标题</h5>

<h6>这是六级标题</h6>

效果:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

(二). 段落标签

代码:

<p>这是一个段落</p>

效果:

这是一个段落

(三). 链接标签

代码:

<a href="https://www.baidu.com">百度一下，你就知道！</a>

效果:

百度一下，你就知道！

注：

属性	值	规定链接的目标 URL
href	URL	href
target	_blank	规定在何处打开目标 URL, 仅在 href 属性存在时使用
	_parent
	_self
	_topframename

(四). 图像标签

代码:

<a href="/"><img src="https://img0.baidu.com/it/u=1980042817,1332130506&fm=15&fmt=auto" style="width: 30%px; height: 48px; "></a>

效果:

(五). 表格标签

代码:

<table>

    <tr>

        <th>编号</th>

        <th>姓名</th>

        <th>性别</th>

    </tr>

    <tr>

        <td>1</td>

        <td>张三</td>

        <td>不详</td>

    </tr>

    <tr>

        <td>2</td>

        <td>李四</td>

        <td>女</td>

    </tr>

    <tr>

        <td>3</td>

        <td>王五</td>

        <td>应该是男的</td>

    </tr>

</table>

效果:

编号	姓名	性别
1	张三	不详
2	李四	女
3	王五	应该是男的

(六). 列表标签

无序列表：

代码:

<ul>

    <li>列表项</li>

    <li>列表项</li>

    <li>列表项</li>

    <li>列表项</li>

</ul>

效果:

列表项
列表项
列表项
列表项

有序列表：

代码:

<ol>

    <li>列表项</li>

    <li>列表项</li>

    <li>列表项</li>

    <li>列表项</li>

</ol>

效果:

列表项
列表项
列表项
列表项

自定义列表：

代码:

<dl>

    <dt>+</dt><dd>列表项</dd>

    <dt>+</dt><dd>列表项</dd>

    <dt>+</dt><dd>列表项</dd>

</dl>

效果:

列表项

关于『HTML5』:第一弹完结啦 []_(￣▽￣)(可以说是相当的水)

(猜猜Markdown进阶完结了吗)

填坑.ING

咕咕。。国庆快乐！！1

举国同庆，繁花似锦。

江山如画，躬逢盛世。

盛世华章，荣光璀璨。

九州同庆，四海升平。

心怀家国，逐梦前行。

红旗漫卷，国顺家和。

春秋执笔，盛世华章。

我们生在红旗下、长在春风里、人民有信仰、国家有力量、目光所至、皆为华夏、五星闪耀、皆为信仰

国庆快乐鸭 (≧▽≦*)

关于『HTML5』:第一弹就酱紫结束啦~ 叭叭~(′▽`~)

上一篇:关于『HTML』:第三弹 (完结篇)

关于『HTML5』第一弹的更多相关文章

关于『HTML5』:第二弹
关于『HTML5』:第二弹建议缩放90%食用咕咕咕咕咕咕咕!!1 (蒟蒻大鸽子终于更新啦) 自开学以来,经过了「一脸蒙圈的半期考试」.「二脸蒙圈的体测」的双重洗礼,我终于有空肝 HTML5 辣 ...
关于『Markdown』:第一弹
关于『Markdown』:第一弹建议缩放90%食用声明: 在我之前已有数位大佬发布 "Markdown" 的语法知识点, 在此, 仅整理归类以及补缺, 方便阅读. 感谢 C20 ...
关于『HTML』:第一弹
关于『HTML』:第一弹建议缩放90%食用根据C2024XSC212童鞋的提问, 我准备写一稿关于『HTML』基础的帖 But! 当我看到了C2024XSC130的 "关于『HTML5』 ...
『MXNet』第一弹_基础架构及API
MXNet是基础,Gluon是封装,两者犹如TensorFlow和Keras,不过得益于动态图机制,两者交互比TensorFlow和Keras要方便得多,其基础操作和pytorch极为相似,但是方便不 ...
『PyTorch』第一弹_静动态图构建if逻辑对比
对比TensorFlow和Pytorch的动静态图构建上的差异静态图框架设计好了不能够修改,且定义静态图时需要使用新的特殊语法,这也意味着图设定时无法使用if.while.for-loop等结构,而 ...
关于『HTML』:第二弹
关于『HTML』:第二弹建议缩放90%食用第二弹! 它来了! 它来了! 我竟然没有拖更,对了,你们昨天用草稿纸了么开始正文之前提一个问题:大家知道"%%%"是什么意思吗?就这 ...
关于『Markdown』:第二弹
关于『Markdown』:第二弹建议缩放90%食用道家有云:一生二,二生三,三生万物为什么我的帖子不是这样各位打工人们! 自从我学了Markdown以来发现 Markdown 语法真的要比 ...
关于『进击的Markdown』:第一弹
关于『进击的Markdown』:第一弹建议缩放90%食用比起隐蔽物下的狙击手,Markdown更像冲锋陷阵的阵头兵简单.粗暴.直接.而且好上手各位晚上好! 早饭吃了吗您我今天没吃 M ...
『PyTorch』第二弹重置_Tensor对象
『PyTorch』第二弹_张量 Tensor基础操作简单的初始化 import torch as t Tensor基础操作 # 构建张量空间,不初始化 x = t.Tensor(5,3) x -2. ...

随机推荐

C#编写程序，计算数组中奇数之和和偶数之和
编写程序,计算数组中奇数之和和偶数之和. 代码: using System; using System.Collections.Generic; using System.Linq; using Sy ...
体温登记app开发流程
关于体温app,比较难的是获取定位信息,剩下的就是增删改查. 设计思路:首先布局一个添加页面,给每个元件添加id,之后在获取地点的EditText获取位置信息,在添加两个布局文件,体现在一个页面里用来 ...
文档——STM32F10中文参考手册
ST官方免费的资料.进入官方,第一个就是. 大家不用在CSDN付费下载了!!!!. (https://www.stmcu.org.cn/document/list/index/category-158 ...
git设置忽略提交文件
直接在idea进行操作 1.找到想要忽略提交的文件,点击右键,然后如下操作: 2.然后就会发现被忽略的文件名变成了灰色,在项目最下方会生成ignore文件夹 3.文件夹内可以看到我们忽略的文件 4.注 ...
STL空间分配器源码分析（三）pool_allocator
一.摘要 pool_allocator是一种基于单锁内存池的空间分配器,其内部采用内存池思想,通过构建16个空闲内存块队列,来进行内存的申请和回收处理.每个空闲队列管理的内存块大小固定,且均为8的倍数 ...
《手写Mybatis》第4章：Mapper XML的解析和注册使用
作者:小傅哥系列:https://bugstack.cn/md/spring/develop-mybatis/2022-03-20-%E7%AC%AC1%E7%AB%A0%EF%BC%9A%E5%B ...
VisualStudio安装步骤
1.下载vs2017,点击安装 2.选择asp.net选项进行安装,如果需要其他的功能,可以选上 3.更改安装路径,尽量把文件安装在c盘以外的盘上,因为c盘是系统盘,安装的东西越多电脑会越卡.注意:不 ...
关于物理机没有VMnet1和VMnet8网卡的问题
当我们在用虚拟机做实验需要与物理机进行连接时,发现无法连接上,这时候可能是没有Vmnet1或者Vmnet8网卡,又或者是Vmnet1和Vmnet8网卡都没有. 之前试过很多方法,重装.重启虚拟网络编辑 ...
Hoo Smart Chain 万物生长计划火热报名中，可视化公链迸发勃勃生机
在DeFi越来越趋向同质化和静态化时,Hoo Smart Chain决定充当破局者,宣布决定All In元宇宙,并于2022年3月份开启面向全球去中心化开发者的奖励计划--「万物生长计划」目前Ter ...
Spring 源码（2）Spring IOC 容器前戏准备工作
Spring 最重要的方法refresh方法根据上一篇文章 https://www.cnblogs.com/redwinter/p/16141285.html Spring Bean IOC 的创建 ...

关于『HTML5』第一弹

一. HTML5 概述

(一).什么是HTML5

(二). 浏览器的版本

(三). 编辑器（开发工具）推荐

二. HTML5 语法

(一). 基本结构

(二). 语法规范

(三). 标签规范

三. HTML5标签

(一). 标题标签

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

(二). 段落标签

(三). 链接标签

(四). 图像标签

(五). 表格标签

(六). 列表标签

关于『HTML5』:第一弹 完结啦 [](￣▽￣)(可以说是相当的水)

填坑.ING

举国同庆，繁花似锦。

江山如画，躬逢盛世。

盛世华章，荣光璀璨。

九州同庆，四海升平。

心怀家国，逐梦前行。

红旗漫卷，国顺家和。

春秋执笔，盛世华章。

我们生在红旗下、长在春风里、人民有信仰、国家有力量、目光所至、皆为华夏、五星闪耀、皆为信仰

关于『HTML5』:第一弹 就酱紫结束啦~ 叭叭~(′▽`~)

关于『HTML5』第一弹的更多相关文章

随机推荐

热门专题

关于『HTML5』:第一弹完结啦 []_(￣▽￣)(可以说是相当的水)

关于『HTML5』:第一弹就酱紫结束啦~ 叭叭~(′▽`~)