HTML5入门第一课

先说说为啥想写一些关于html5的东西吧
大一某菜鸡小同学期末高数崩了（真的复习了好久好久好难受呀！！！）然后想做一些自己喜欢的事情放松一下耶耶耶！还有就是学完html5之后本来也就有写博客的想法，只是因为一些东西一拖再拖，另外以前学的差不多也忘光了，借此机会好好复习一下，开始吧！也希望可以对刚入门的小白有一个指导的作用吧(比如几个月以前的我)
2021-01-08凌晨

什么是HTML5

超文本标记语言（Hypertext Markup Language）
解释：

超文本：简单来说就是超出文本的意思，包括图片、链接、音频等等
注意：是一系列制作web内容的总称：包括html5核心规范、CSS、JavaScript
更新：不使用flash插件仍能播放多媒体内容

关于一些历史

网景和微软：IE战胜Navigator
Navigator是网景公司推出的一款收费浏览器，当时市场上只有网景这个浏览器，也很受大家的欢迎，为了竞争这一块市场，微软之后在windows系统中绑定了IE浏览器（免费），很显然，最终IE胜利。
网景渐渐没落，但是javascript（当时navigator用的）却被保留了下来。
有一说一，微软真的不给人留活路啊。。但是很庆幸javascript一直都在更新，让我们还记得曾经有网景的存在吧。

关于环境安装

当然每一种语言都需要一种编写环境，但是html5只需电脑上有浏览器和文本编辑工具就行了（记事本\word都行！）
当时看见B站上有UP主推荐JAVA IDE，但笔者可能比较懒，所以就还是用VS了（当然不怕效率低的朋友也可以用notepad试一下啊哈哈）
下面附上intelliJ IDEA （JAVA IDE）下载地址

下载时选择ultimate，因为community版本不支持网页开发。
笔者这里用的是VS2017，创建过程如下图

关于HTML5的基本结构

<!DOCTYPE html>  /让浏览器认出这是一个html文件/<html lang="en" >   /默认英文，zh就是中文/
<head> /html文档根元素/<meta charset="utf-8" />  /编码形式 去除会出现乱码/<title>小风啊的web</title> /一个网页的标题/
</head>
<body>  /具体内容/<h1>欢迎来到北京师范大学</h1>   /一个大的标题/一所研究型大学
</body>
</html>  /结束/

中文网页一定要用用声明编码，并且编码可能会随着浏览器的不同而变化，例如 360 浏览器用 GBK ，那么需要将utf-8改为gbk.
最后打开的网页如下图所示

接下来我们来讲解一些基本的元素

首先是用于超链接的a
超链接的使用很简单,下面举一个简单的例子

 <a href="https://www.bnu.edu.cn/">点击此处了解详细信息</a>

在body中加入这一行代码,就可以实现点击后跳转到另一个网址,效果如下图.

点击后自动跳转到北师大官网

接下来再讲一下target属性,target 属性规定在何处打开被链接文档,一共有四种值(但其实个人认为初学者不用深究),如下图所示.

blank是在原来网页的基础上新建一个窗口
parent是在父框架中打开链接
self是直接跳转,不新建
top是指在窗口主体打开

其次是文本格式化的问题

<b>加粗</b><br>
<i>斜体</i><br>
<small>这个文本是缩小的</small><br>
<big>放大字体</big><br>
还有 <sub> 下标</sub> 以及<sup> 上标</sup><br>
<s>删除线</s><br>
<u>下划线</u><br>
<pre>
这里是预格式文本     啦啦啦   空行空格都可以输出
下面讲的是单词缩写问题，想看效果的话自己试试吧！
</pre><br>
<abbr title="happy new year">happy</abbr><br>
<acronym title="I love you">secret</acronym>

br是用来换行的，现在可以尝试一下啦!!!

——————手动分割线——————
2020-01-08晚上八点刷完计算机题啦，续更

其他元素

想了解更多元素请点击此处

首先来介绍一下html元素的特点吧

有开始和闭合标签
某些元素有空内容例如换行br
绝大多数元素都有属性（例如链接地址在a的href属性，可以用单引号或者双引号，但当内容中已经有双引号时，则必须使用单引号）

<h1>标题1</h1>
<p>段落<br/>第二行内容</p>
<h2>标题2</h2>

一些需要注意的地方

标题h：h1~h6，类似于word里面的标题层级样式，浏览器自动在标题前后添加空行
hr用于分隔内容，代表一条水平分割线；而br只代表换行

计算机输出标签

<code>计算机输出</code><br>
<kbd>键盘输入</kbd><br>
<tt>打字机文本</tt><br>
<samp>代码样本</samp><br>
<var>计算机变量</var>

emmm我还是再刷会儿题吧