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

随机推荐

Spring 和 SpringMVC 常用注解和配置（@Autowired、@Resource、@Component、@Repository、@Service、@Controller的区别）
Spring 常用注解总结内容一.Spring部分 1.声明bean的注解 2.注入bean的注解 3.java配置类相关注解 4.切面(AOP)相关注解 5.事务注解 6.@Bean的属性支持 ...
Python程序的流程
1 """ 2 python程序的流程 3 """ 4 # ------------- 分支结构---------------- 5 # i ...
JavaScript 数组(Array)对象的方法
JavaScript 数组(Array)对象的方法 concat() 描述:用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本. 原型:arrayObject.conc ...
取地址与解引用 C指针浅析
C语言指针入门需要掌握的两个概念就是取地址&和解引用*,下面我们按例子来理解这两个符号的使用. int main() { int a = 0; int* pa = &a;//取地址操作 ...
spring配置数据源(加载properties文件)
1.在spring中引入properties配置文件需要引入context的命名空间和真实地址 2.然后加载文件需要注意的是这是采用的是set注入方式,所以name属性值必须是连接池set方法名去掉 ...
两数之和II_LeetCode_167_1099
LeetCode_167原题链接:https://leetcode-cn.com/problems/two-sum-ii-input-array-is-sorted/ LeetCode_1099原题链 ...
Java学习day25
今天学习了UDP数据发送实现以及URL下载网络资源 UDP实现两个端口数据传输: package com.Cra2iTeT.chat; import java.io.BufferedReader; i ...
vue3响应式模式设计原理
vue3响应式模式设计原理为什么要关系vue3的设计原理?了解vue3构建原理,将有助于开发者更快速上手Vue3:同时可以提高Vue调试技能,可以快速定位错误 1.vue3对比vue2 vue2的原 ...
Hyperledger Fabric 部署在多个主机上
前言在实验Hyperledger Fabric无排序组织以Raft协议启动多个Orderer服务.TLS组织运行维护Orderer服务中,我们已经完成了使用提供 TLS-CA 服务的 council ...
java的Integer中也会有缓存
在上篇<java的自动拆箱会发生NPE>博客中接收了java中的Integer中的自动拆箱产生的NPE,其实对于所有的包装类来说都是一样的,都会产生这样的问题,大家需要举一反三,做学问学知 ...

关于『HTML5』第一弹

一. HTML5 概述

(一).什么是HTML5

(二). 浏览器的版本

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

二. HTML5 语法

(一). 基本结构

(二). 语法规范

(三). 标签规范

三. HTML5标签

(一). 标题标签

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

(二). 段落标签

(三). 链接标签

(四). 图像标签

(五). 表格标签

(六). 列表标签

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

填坑.ING

举国同庆，繁花似锦。

江山如画，躬逢盛世。

盛世华章，荣光璀璨。

九州同庆，四海升平。

心怀家国，逐梦前行。

红旗漫卷，国顺家和。

春秋执笔，盛世华章。

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

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

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

随机推荐

热门专题

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

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