关于『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. ...

随机推荐

zx-editor 移动端（HTML5）富文本编辑器，可与原生App混合(hybrid)开发
ZxEditor 移动端HTML文档(富文本)编辑器,支持图文混排.引用.大标题.无序列表,字体颜色.加粗.斜体. 可用于独立web项目开发,也可以用于与原生App混合(hybrid)开发. 源码地址 ...
C#编写一个计算器
编写一个计算器,练习在窗体上添加控件.调整控件的布局,设置或修改控件属性,编写事件处理程序的方法. 代码: using System; using System.Collections.Generic ...
es5语法下，javascript如何判断函数是new还是()调用
es5语法没有支持类class,但是可以通关函数来申明一个类,如下: function Person(name){ this.name=name; } var john=new Person('joh ...
Python入门-面向对象-装饰器
1.变量作用域全局变量和局部变量 #变量是有作用域的,分为全局变量和局部变量 num = 100 #这是全局变量 def change(): """ 查看变量作用域 & ...
Linux centos7系统列出systemd下所有正在运行的服务
Linux系统提供各种系统服务(如进程管理.登录.syslog.cron等)和网络服务.Linux支持不同的方法来管理服务(启动.停止.重启.在系统启动时的自动启动等),通常通过流程或服务管理器. 大 ...
Linux磁盘之inode
什么是 inode ? 文件储存在硬盘上,硬盘的最小存储单位叫作"扇区"(Sector).每一个扇区储存512字节(至关于0.5KB).操作系统读取硬盘的时候,不会一个个扇区地读取 ...
SpringCloud Function SpEL注入
SpringCloud Function SpEL注入漏洞分析
optimoptions requires Optimization Toolbox（optimoptions 需要 Optimization Toolbox）解决方法
问题:在下载版的matlab中做coursera的machine learning里的ex2,做到 1.2.3 Learning parameters using fminunc 时出现optimop ...
HCIE笔记-第二节-数据封装+传输介质
数据传输的形式 1.电路交换在通信之前,维护一条逻辑意义上的链路,这条链路仅仅可以传递两者的数据 2.报文交换在数据之外,加上能够标识接收者.发送者的信息 3.分组交换(最主流) 依然进行报文交换 ...
【openstack】红帽公开课笔记内容openstack
overcloud节点自省失败(introspection) 节点自省--获取overcloud

关于『HTML5』第一弹

一. HTML5 概述

(一).什么是HTML5

(二). 浏览器的版本

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

二. HTML5 语法

(一). 基本结构

(二). 语法规范

(三). 标签规范

三. HTML5标签

(一). 标题标签

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

(二). 段落标签

(三). 链接标签

(四). 图像标签

(五). 表格标签

(六). 列表标签

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

填坑.ING

举国同庆，繁花似锦。

江山如画，躬逢盛世。

盛世华章，荣光璀璨。

九州同庆，四海升平。

心怀家国，逐梦前行。

红旗漫卷，国顺家和。

春秋执笔，盛世华章。

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

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

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

随机推荐

热门专题

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

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