对于Web前端的新手来说，第一步要学习的就是HTML，这也是最简单的一部分。
1、定义：HTML是一种超文本标记语言，标准通用标记语言下的一个应用。其中，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
2、结构
3、标签：HTML最重要的就是记住一些标签及其用法。其中，标签分为单标签和双标签。单标签元素格式，例如：<img />;双标签元素格式，例如：<p></p>，下面统计一些单标签元素和双标签元素（这里只叙述常用的）：
①单标签：img、br、input、link、meta....
②双标签：h1…h6、p、i、span、a、ul、ol、li、div、form、td、tr、option、select....
4、块级元素和行内元素：下面我们将元素分为块级元素和行内元素，那么首先要理解的就是他们两个之间的区别。
①区别：
A、块级元素：a、会独占一整行，其宽度自动填满其父元素的高度。
b、可设置width、height属性
c、也可设置margin、padding属性
B、行内元素：a、不会独占一整行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随着内容的变化而变化。
b、不可设置width、height属性。
c、可设置margin和padding，但是只有水平方向的才可有效果（margin-left/right、padding-left/right），竖 直方向的无效果（margin/padding-top/bottom）。
②元素（常用）：
A、块级元素：div、ul、li、p、h1...h6....
B、行内元素：a、input、img、span、i...
5、元素的一些属性：元素的属性在我理解，就是为这个标签添加一些样式，这里就是行内样式了，比如说为img标签可以设置图片的宽高等，还可以引入外部文件、图片等等。