HTML入门教程
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起应用于网站前端开发中。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。
本套教程记录了HTML入门的大部分知识点。文中带有大量的实例,方便大家学习。

<b> </b> 强调标签,样式标签,bold,在html中已经废弃,不推荐使用,内联元素inline
<strong> </strong> 语义上的强调,在html中推荐使用,内联元素inline
<i> </i> italic的缩写,内联元素,自己有多宽占多宽,文本斜体显示,inline元素
<em> </em> 也是斜体的表示,在html中推荐使用其来代替i标签,emphasize缩写为em,inline元素
<u> </u> underline缩写为u,inline元素,已经废弃
<s> </s> strike缩写为s,在字体上做一个删除线的效果,描述的也是样式,废弃的标签
<sub> </sub> subscript的缩写sub,inline,下标,在html5中已经废弃
<sup> </sup> superscript的缩写sup,在数学上经常用着两个标签,inline,上标,描述样式的标签,在html5中已经废弃
<h1> </h1> 描述语义的标签,block元素,从上到下字体一次减少,该标签的margin在不同的浏览器中是不一样的,要注意。
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>
<p> </p> paragraph的缩写,描述的是语义,在html5中保留,没有被废弃,段中没有间距,但是在段与段之间是有间距的,但是margin在不同的浏览器中是一样的,典型的block元素。
<br /> 单标签,输出换行。
<hr /> 单标签,输出分割线 ,常用的属性有color、width、align(对齐方式)其中align有三个选项:left、right、center。horizontal rule的缩写:hr,在项目中用的很少。
<pre> </pre> 在网页中表示代码时会用到这个标签,意思是采用预定义格式,也就是保留了代码的书写格式,比如缩进等,区块元素。
<code> </code> 经常和上面的pre元素一起使用来表示网页中的代码
<span> </span> 行内分区元素,最简单的inline元素,没有任何的显示效果,需要CSS样式去实现效果。span直译为“跨距”,但是不好理解,所以在实际的使用中不去翻译。必须要配合CSS和JS才会有效果。
<div> </div> 元素分组,division(分组)的缩写为div,在页面布局中经常会用到,block元素,跟p不一样,p元素上下是有间距的,最简单的区块元素,只是用来将指定的内容放在一个区块中。
<img src=”图片的路径” /> 实际上不是将一张图片嵌入到网页中,而是通知服务器发起一个图片请求(get),请求服务器找到图片并且加载,其中还有img还有几个属性:width:像素和百分比、height、alt:若图片无法显示时显示的文字、title:鼠标悬停时显示的文字,inline元素。
<a> </a> inline元素。其中href属性指定了要跳转的url、邮箱