关于『HTML5』第一弹
关于『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 上采取了措施。
(三). 编辑器（开发工具）推荐
注：我就挖到这俩，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』:第一弹 就酱紫结束啦~ 叭叭~(′▽`~)
关于『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. ...
随机推荐
- YC-Framework版本更新:V1.0.6
分布式微服务框架:YC-Framework版本更新V1.0.6!!! 本文主要内容: V1.0.6版本更新主要内容 V1.0.6版本更新主要内容介绍 一.V1.0.6版本更新主要内容 1.系统例子覆盖 ...
- Python入门-import导入模块功能
1.啥是模块 模块(module):用来实现或者多个功能的Python代码,(包含变量.函数.类),本质就是*.py后缀文件. 包(package):定义了一个由模块和子包组成的Python应用程序执 ...
- c语言实现双链表的基本操作—增删改查
//初始化 Node*InitList() { Node*head=(Node*)malloc(sizeof(Node)); if(NULL==head) { printf("内存分配失败! ...
- redis5.0.0集群搭建【实战经历】
redis集群搭建 作者:陈土锋 时间:2020年6月2日 目录 一.环境介绍... 1 1.机器准备... 1 2.关闭防护墙和selinux. 1 3.时间同步... 1 二.Redis Clus ...
- 【直播回顾】OpenHarmony知识赋能第四期第四课——音频驱动开发
3月31日晚上19点,知识赋能第四期直播的第四节,也是本期最后一节直播课<OpenHarmony标准系统HDF框架之音频驱动开发>,在OpenHarmony开发者成长计划社群内成功举办 ...
- 设置网站标题时找不到index.html问题解决
都知道,修改网站标题在根目录index.html里修改.但是在vue3更新后,index.html就没有放这里了,放到了public中.去public中一眼就能看到.我也是去那里就找到了.
- Casdoor + OAuth 实现单点登录 SSO
简介 Casdoor 是一个基于 OAuth 2.0 / OIDC 的中心化的单点登录(SSO)身份验证平台,简单来说,就是 Casdoor 可以帮你解决用户管理的难题,你无需开发用户登录.注册等与用 ...
- Caused by: com.sonatype.nexus.staging.client.StagingRuleFailuresException: Staging rules failure! 已解决！
问题分析 由于项目中修改了一些代码,然后没有修改版本号,直接deploy代码到仓库,最终导致错误! 根据 https://central.sonatype.org/faq/can-i-change-a ...
- STM32 DMA(UART)
转载自https://blog.csdn.net/as480133937/article/details/104827639/
- 从零开始搭建GoLang语言开发环境
更多干货文章,更多最新文章,欢迎到作者主博客 菜鸟厚非 一.安装 GoLang 1.1 下载 首先访问 https://go.dev/dl/ 下载 GoLang,下载完成后双击安装即可.如下: 1.2 ...