关于『HTML5』第一弹
关于『HTML5』:第一弹
建议缩放90%食用
祝各位国庆节快乐！！1
经过了「过时的 HTML」、「正当时的 Markdown」的双重洗礼后，我下定决心，好好学习HTML5
这回不过时了吧（其实和原来没什么区别）
HTML5 冲鸭！！1 (开启百度百科模式)
（奇怪的知识又增加了呢~)
HTML5系列向你空投知识，请注意接收
好久没废话了
要为大家带来（期待已久） HTML5 了呢~
注：编者用的是CSDN-Markdown编辑器（需要推荐的同学往后走）
声明：由于 HTML5 只是在 HTML 的基础上进行了新增或者废弃一些标签或者特性，本文默认均为HTML5语法，被废弃的部分就不再提起。
HTML5 系列体系 大体和原来的 过时的 HTML 并没有太大区别，请不要以为走错片场。
正文好久没开始了
一. 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>效果:
+
列表项
+
列表项
+
列表项
(猜猜Markdown进阶完结了吗)
咕咕。。国庆快乐！！1
我们生在红旗下、长在春风里、人民有信仰、国家有力量、目光所至、皆为华夏、五星闪耀、皆为信仰
国庆快乐鸭 (≧▽≦*)
手机扫一扫
移动阅读更方便
你可能感兴趣的文章