下载文档原格式
前端开发需要学什么前端开发需要学什么？这恐怕是每个转⾏Web前端的⼈必问的问题，其实⼊⾏前端的门槛并不⾼，很多零基础的⼩⽩通过⼀定时间的学习也能找到相关⼯作。
但是想要学精学细，则需要下⼀番苦功夫。
接下来我将为⼤家详细讲解前端开发需要学习的内容。
（⼀）基础阶段1、HTML及CSS⼊门这个是最简单的，也是最基础的，要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常⽤的。
熟悉HTML（5）常⽤标签和CSS（3）语法，理解盒⼦模型的各个组成。
能⽤不同⽅法实现九宫格布局。
对前端页⾯实现有初步了解，能够查询资料完成九宫格布局，并且不断的优化⾃⼰的代码，培养出良好的习惯。
2、常见Web页⾯及⾃适应初步了解移动端布局和内容⾃适应，熟练使⽤Bootstrap实现各种效果。
能够熟练使⽤第三⽅框架实现各种功能，并且能够理解Bootstrap 功能的实现，能找模仿实现出相同的效果。
3、企业官⽹根据PSD图划分出各个模块进⾏开发，熟练使⽤Bootstrap进⾏布局，HTML代码和CSS代码分离。
对项⽬构成有⼀个清晰的了解，并且能够独⽴负责⼀个项⽬，遇到问题可以通过搜索引擎找到解决⽅案。
4、Bootstrap、sass、less进阶继续吸收新的实⽤知识同时巩固基础，熟悉Bootstrap的源码。
了解预编译语⾔的优缺点，通读Bootstrap中的栅格系统和导航栏部分的代码，并不依赖Bootstrap.，实现其效果。
前端开发需要学什么，完成以上4点学习，你就可以做出静态页⾯了，但是这远⽆法达到企业的⽤⼈需求。
为了更好的竞争⼒，也为了更⾼的薪资，你还需要进⼀步学习前端相关的内容。
（⼆）进阶阶段1、学习JS不是所有的⽹页都必须有js，但是要想实现⼀些超酷的功能和界⾯的时候，就需要涉及到js。
如果没有其他编程语⾔的基础的话，学起来可能有些吃⼒。
2、与后端交互学会通过AJAX实现与后端交互，获取并展⽰数据，对前后端分⼯有⼀定了解。
前端html学习计划第一部分：HTML基础知识1. 学习HTML基本概念和语法- 了解HTML的发展历史和基本概念- 学习HTML的基本标签和语法规则- 理解HTML文档结构和标签嵌套关系2. 学习HTML文档结构与标签- 学习HTML文档的基本结构- 学习HTML中常用的标签，如标题、段落、列表、链接、图片等- 掌握HTML表单相关的标签，如input、form、button等3. 学习HTML元数据与语义化标签- 了解HTML元数据标签，如meta、title、link等- 学习HTML5新增的语义化标签，如header、footer、section、article等 - 掌握如何使用语义化标签构建更加有意义和结构清晰的网页4. 学习HTML多媒体与嵌入内容- 学习在HTML中嵌入多媒体内容，如音频、视频和嵌入代码- 掌握如何使用HTML5新增的video和audio标签来播放视频和音频- 学习如何在网页中嵌入其他网页和外部应用第二部分：HTML进阶知识1. 学习HTML语义化与SEO优化- 深入了解HTML语义化的概念和重要性- 学习如何使用语义化标签优化网页结构和内容- 掌握如何通过HTML优化网页以提高SEO效果2. 学习HTML表单与表格- 深入学习HTML表单标签和属性- 掌握如何使用表单元素构建各种不同类型的表单- 学习HTML表格相关标签和属性，如table、tr、td等3. 学习HTML5新增特性- 了解HTML5的新特性和变化- 学习HTML5新增的标签和属性，如canvas、svg、video、audio等 - 掌握如何使用HTML5的新特性为网页增加更多交互和多媒体效果4. 学习HTML响应式设计- 了解响应式设计的概念和原理- 学习如何使用HTML和CSS实现响应式布局- 掌握如何在不同设备上实现网页的良好显示效果第三部分：实战项目与综合应用1. 实战项目学习- 参与实际的HTML项目开发，在项目中应用HTML基础知识- 学习如何组织和管理HTML文档结构- 掌握如何使用HTML创建网页布局和样式2. 综合应用与项目实践- 综合运用HTML、CSS和JavaScript，完成更加复杂的项目- 学习如何与后端和数据库进行数据交互- 掌握如何使用各种工具和框架来优化HTML开发流程第四部分：HTML进阶应用1. 学习HTML与CSS的整合- 学习如何将HTML和CSS整合应用- 掌握如何通过CSS来美化和布局HTML网页- 学习如何通过CSS动画来为网页增添更多交互效果2. 学习HTML与JavaScript的整合- 学习如何在HTML中嵌入JavaScript代码- 掌握如何通过JavaScript来实现网页的动态交互和效果- 学习如何使用JavaScript操控和修改HTML文档结构3. 学习HTML与前端框架的整合- 学习如何将HTML与前端框架整合应用- 掌握常用的前端框架，如Bootstrap、React等- 学习如何使用前端框架来简化HTML开发过程第五部分：项目实战与深度应用1. 进行独立项目实践- 参与独立的HTML项目开发，在项目中应用HTML的各种知识和技巧 - 学习如何与团队合作，进行项目需求分析和文档编写- 掌握如何将HTML应用于真实的项目和业务场景2. 深度应用与创新实践- 学习HTML在创新应用和前沿技术中的应用- 探索HTML在VR、AR、物联网等领域的应用- 掌握如何利用HTML开发更具创新性和前瞻性的项目第六部分：总结与提高1. 深入总结与反思- 总结并复习HTML的基础知识和技能- 分析自身在学习HTML过程中的不足和不足之处- 总结并归纳HTML的各种技巧和最佳实践2. 继续提高与学习- 继续学习HTML在前端开发中的应用和实践- 持续关注HTML技术的最新发展和变化- 学习并掌握其他前端相关技能和知识，如CSS、JavaScript等以上是一个完整的HTML学习计划，希望对你有所帮助。
html开头基础代码HTML开头基础代码，是网站开发的第一步，也是最关键的一步。
因为只有正确的开头代码才能保证网站正常运行，也才能让你的网站在浏览器中显示出来。
下面，我们来详细了解一下HTML开头基础代码的构成和作用。
1. 文档类型声明HTML开头基础代码的第一部分是文档类型声明。
文档类型声明的作用是告诉浏览器这是一个HTML文件，并告诉浏览器使用哪个版本的HTML解析器来解析该文件。
HTML5的文档类型声明为：<!DOCTYPE html>2. HTML标签HTML开头基础代码的第二部分是HTML标签，即<html>标签。
<html>标签包裹着整个HTML文档，告诉浏览器这是一个HTML文档，将网页的内容包含在这个标签中。
3. head标签HTML开头基础代码的第三部分是<head>标签。
head标签用于包含文档的元数据（metadata），包括网页的标题、关键字和其他元素。
例如：<head><title>网页标题</title><meta name="keywords" content="关键字1,关键字2,关键字3"> <meta name="description" content="网页描述信息"></head>其中，<title>标签定义网页的标题，显示在浏览器的标题栏上。
而<meta>标签定义网页的关键字和描述信息，帮助搜索引擎更好地索引你的网站。
4. body标签HTML开头基础代码的第四部分是<body>标签。
body标签包含了网页的主体内容，例如文字、图片和链接等。
例如：<body><h1>这是网页的主标题</h1><p>这是网页的内容</p></body>其中，<h1>标签定义网页的主标题，而<p>标签定义网页的段落。
第1篇第一部分：基础知识与基本技能1. HTML/CSS基础知识- 题目：请简述HTML和CSS的基本作用以及它们在网页开发中的关系。
- 解析：这道题目考察应聘者对前端基础的理解。
应聘者需要能够清晰描述HTML用于结构，CSS用于样式的概念，以及两者如何协同工作来构建网页。
2. JavaScript基础- 题目：请解释JavaScript中的原型链是什么，并说明如何使用原型链实现继承。
- 解析：这道题目旨在考察应聘者对JavaScript核心概念的理解。
应聘者需要了解原型链的工作原理，以及如何通过原型链实现对象的继承。
3. 事件处理- 题目：请编写一个JavaScript函数，用于处理鼠标点击事件，并在控制台输出“鼠标点击了”。
- 解析：这道题目考察应聘者对事件处理的理解和实际操作能力。
应聘者需要能够编写一个基本的点击事件监听器。
4. 异步编程- 题目：请解释什么是异步编程，并举例说明如何使用Promise来实现异步操作。
- 解析：这道题目考察应聘者对异步编程的理解。
应聘者需要能够解释异步编程的概念，并能够使用Promise来处理异步操作。
第二部分：前端框架与库5. React基础知识- 题目：请简述React的组件生命周期，并说明每个阶段的主要作用。
- 解析：这道题目考察应聘者对React框架的理解。
应聘者需要了解React组件的生命周期方法及其在不同阶段的作用。
6. Vue基础知识- 题目：请解释Vue中的数据绑定是如何实现的，并说明它的优点。
- 解析：这道题目考察应聘者对Vue框架的理解。
应聘者需要能够解释Vue的数据绑定机制，并说明其带来的便利。
7. Angular基础知识- 题目：请简述Angular的双向数据绑定是如何实现的，并说明它的作用。
- 解析：这道题目考察应聘者对Angular框架的理解。
应聘者需要了解Angular的双向数据绑定机制及其在数据同步中的作用。
第三部分：项目经验与问题解决能力8. 项目经验问题- 题目：请描述你参与过的最复杂的前端项目，包括项目背景、你的角色、遇到的主要挑战以及如何解决这些挑战。
HTML 基础知识培训一、HTML入门HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。
用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。
自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。
使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。
过HTML可以表现出丰富多彩的设计风格图片调用：<img src="路径/文件名">文字格式：<font size="+5 " color="00FFFF">文字</font>通过HTML可以实现页面之间的跳转页面跳转：<a href="" title="" target="_blank">超级链接</a>通过HTML可以展现多媒体的效果音频、视频、动画上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。
所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名属性=”值”></标签名>”来表示。
二、HTML的基本结构超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
<html><head>头部信息</head><body>文档主体，正文部分</body></html>其中<HTML>在最外层，表示这对标记间的内容是HTML文档。
Web前端开发入门指南随着互联网的普及，Web前端开发也变得越来越重要。
前端开发涉及的内容包括Web页面的设计、开发和维护等。
这是一个需要掌握技术和艺术的领域，因此需要学习和实践的时间和精力。
本文为Web前端开发新手提供一个入门指南，帮助新手了解Web前端的基础知识和技术要点，以及如何学习和实践。
第一部分：Web前端开发基础Web页面的开发需要掌握HTML、CSS和JavaScript等基础技术。
以下是这些技术的简介。
1. HTMLHTML是一种标准化的标记语言，用于创建和组织Web页面中显示的内容。
HTML中的标记（tag）可以描述文本、图片、链接等，使Web浏览器能够正确显示内容。
HTML5是最常用的版本，具有更多的标记和更强的语义化，使内容易于理解和格式化。
2. CSSCSS是一种样式表语言，用于设置Web页面的外观和样式。
可以通过CSS来设置文本、背景、边框、宽度、高度等的样式。
CSS3可以提供更多的样式功能，如动画、背景图像、渐变、阴影等。
3. JavaScriptJavaScript是一种脚本语言，用于处理Web页面的交互和动态效果。
可以通过JavaScript编写脚本语言来处理表单验证、页面交互、动态效果等。
JavaScript还可以与服务器交互，获取和更新数据等。
第二部分：Web前端应用开发除了掌握基本的HTML、CSS和JavaScript技术外，还需要了解Web前端意义下的应用开发，包括以下几个方面。
1. 响应式Web设计随着移动设备使用量的增加，越来越多的用户使用手机和平板电脑访问Web页面。
响应式Web设计可以自动适应不同的设备和屏幕大小，提供更好的用户体验。
2. Web框架Web框架可以帮助开发人员快速构建Web应用程序，并提供更好的可维护性和扩展性。
常见的Web框架包括AngularJS、React、Vue.js等。
3. Web访问性能优化Web访问性能优化是提高应用程序性能和用户体验的重要一环。
HTML超文本标记语言，一种规范预定义,已经定义好的各种标记，只需要我们把对应的标记放到合适的位置一. HTML基本语法与基本结构(重点）标记的使用1、标记一般成对出现，包含开始标记和结束标记2、标记可以嵌套使用，但是不能交叉使用3、标记不区分大小写属性的使用（属性控制内容的格式,额外的格式）1、书写位置在开始标记中2、格式：属性名=“属性值",多个属性之间使用空格分割3、不同的标记属性可能相同也可能不同4、属性使用的标记中,只能对本标中的内容记产生影响5、属性不冲突时，效果叠加，属性冲突时，就近原则html的基本结构〈html>-—--声明网页〈head〉———-网页的头部信息<title〉标题〈/title〉—---网页的标题</head><body〉—---网页的主体，网页内容主要展示的部分网页的主要内容</body>〈/html〉二. 文本格式的应用1、标题标记<hn>,n的取值1-6,1级标题最大效果:加粗显示，带有自动换行属性:align控制标题的对齐方式，取值left（左对齐，默认值）|center(居中）｜right （右对齐）2、段落标记<p〉效果:把内容分段展示，自动换行属性:align，控制段落内容的对齐方式,取值left（左对齐，默认值）|center（居中）｜right(右对齐）3、换行符〈br /〉，单标记，不需要结束标记，换行但不分段空格符号: 表示一个空格强制换行符：<br /〉4、水平线标记<HR />，单标记效果：水平线,默认是一个粗细为2px（像素）的线条属性：size 控制水平线的粗细，取值为整数，单位为像素（px）width 控制水平线的长度,取值可以是像素单位,也可以是百分数（相对于浏览器窗口百分比)noshade设置水平线不带有阴影，该属性不需要取值color 设置水平线的颜色，取值可以是英文的颜色值，也可以是十六进制的颜色代码align 控制水平线的对齐方式，取值left(左对齐）｜center(居中，默认值）|right(右对齐）5、分节标记<div〉效果：把内容设置为一节，前后带有自动换行属性：align控制div中内容的对齐方式,取值left（左对齐，默认值）｜center（居中）|right（右对齐）6、居中标记符<center>效果：把center标记中的内容居中显示7、文本控制标记<font>效果:控制字体的各种显示样式属性：size 控制字体的大小，取值为绝对值时，1--7，数字越大字体越大，取相对值时,参考的是默认字体（3号），取值在-2-—+4之间color 控制字体的颜色face 控制字体的字体，取值可以是多个值，多个值之间使用逗号分割,取值时从左往右依次取值，找到合适的值为止，假如都不支持，使用默认格式显示8、字体的物理样式加粗：<b>斜体：〈i>下划线:〈u〉删除线：<s〉上标:<sup〉下标：〈sub>1、常用逻辑字符〈ADDRESS〉网页设计者或维护者的信息,通常显示为斜体<CITE> 表示文本属于引用,通常显示为斜体<CODE〉• 表示程序代码,通常显示为固定宽度字体<DFN> • 表示定义了的术语，通常显示为黑体或斜体〈EM> 强调某些字词，通常显示为斜体〈KBD〉表用户的键盘输入,通常显示为固定宽度字体〈SAMP> 表示文本样本,通常显示为固定宽度字体〈STRONG〉特别强调某些字词，通常显示为粗体<VAR> 表示变量，通常显示为斜体2、列表标记1、有序列表,〈ol〉，需要配合〈li>标记使用一个<li>标记对应一个选项ol的属性：type 控制列表的符号样式，取值1|A|a｜i|I，默认是1start 控制列表的起始值，取值为任意的整数li的属性:type控制选项自身的符号样式，取值1|A｜a|i|Ivalue控制选项本身的起始值，取值为任意整数，但是修改自身起始值之后,会对同一个列表中本选项之后的同级<li〉标记产生影响2、无序列表，<ul>，配合<li>标记使用一个<li>标记对应一个选项ul的属性:type 控制所有选项的符号样式，取值disc(实心圆，默认值）｜circle（空心圆）｜square（方块）li的属性：type控制选项本身的符号样式li标记用在ol中，type属性的取值跟ol的type属性取值走，用在ul中，跟着ul的type属性取值走3、定义列表，<dl〉，完成对定义列表的声明<dt>，术语标记，可以理解为类似于列表选项的标题使用〈dd>,描述标记，可以理解为类似于列表的选项使用三. 在网页中使用图片标记：〈img>,单标记，不需要结束标记属性: src 引入图片资源的路径绝对路径：资源在服务器上的位置，该位置是从盘符出发相对路径：资源在服务器上的相对位置，从网页本身出发.。
HTML基础知识总结⽬录标签分类常⽤标签表单框架常⽤的布局组合标签HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解HTML5 新的表单属性form 新属性input 新属性HTML5 新的表单元素 -- 了解HTML5 中新的 input 类型HTML5 中新增的⾳频HTML5 中新增的视频HTML5 中已经移除的元素转义符号标签的属性：多个属性中间⽤空格< 标签名称属性名 1 = " 属性值 " 属性名 2 = " 属性值 " ></ 标签名称 ><p id = "p1" name = "p1" ></p>标签分类标签分类：块状元素、⾏级元素块状元素：⼀般都是新起⼀⾏，可以容纳⾏内元素和其他块级元素；⾏级元素：⼀般都是语义级别的基本元素，⼀般只能容纳⽂本或者其他⾏内元素。
块状元素和⾏内元素的区别：1 、块级元素会独占⼀⾏，其宽度⾃动填满其⽗元素宽度；⾏内元素会排列到同⼀⾏⾥，其宽度随元素的内容变化⽽变化。
2 、块级元素可以设置宽⾼；⾏内元素设置宽⾼⽆效。
3 、块级元素可以设置 margin ， padding 属性；⾏内元素的⽔平⽅向的 padding会有边距效果，但是竖直⽅向的 padding没有效果。
（此处的属性稍后介绍）属于块状元素的：标题标签 h1-h6,段落标签 p ,⽔平线标签 hr,有序列表标签 ol--li，⽆序列表标签 ul--li，定义描述标签 dl-dt-dd，容器标签 div：属于⾏级元素的：范围标签： span图像标签： img基本结构：常⽤标签⽂本标签<h1></h1>段落标签 <p></p>换⾏标签<br/>⽔平线标签 <hr/>范围标签<span></span>图⽚标签<img 属性 />图⽚标签的热点区域<map name="?" /> <atea 形状范围链接标题 / >列表标签：⽆序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>描述标签：图⽂混编 <dl> <dt>(⽂字或图⽚)<dt/><dd>(⽂字说明多个)<dd/> <dl/>布局标签：<div>中间放其他标签的容器<div/>超链接和锚链接：<a><a/>属性 name：锚点 herf：⽬标（⽹页#锚点）规则表格：<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题⾏<th/> align 左右对齐 valign 上下对齐不规则表格：属性 colspan="列数" rowspan="⾏数" 然后把被占的格删掉⾼级标签：标题和逻辑分区标签表格标题：<caption>标题⽂字<caption/>表格逻辑分区：thead tbody tfoot表单id:· 元素的唯⼀表⽰，不重复name: 表单项元素的名称，服务器获取数据通过该名称value: 表单项元素的值，服务器获取数据通过name 获取到的就是 value type: 表⽰表单项元素的呈现形式class: 表⽰样式名称readonly: 表⽰只读，⽤户只能看不能改disabled：表⽰禁⽤，该元素不能改⽽且背景是灰⾊⽂本框：密码框：单选按钮：复选框：⽂件域：⽇期-h5中的新特性：隐藏域：下拉列表框：⽂本域：按钮：提交按钮、图⽚按钮、重置按钮、普通按钮最终效果：地址栏内容：dest.html?userId=1001&userName=lina&password=12312&gender= ⼥ &statu=1&hobby=swim&hobby=movie& headImg=a.png&birthday=2020-10-24T20%3A19& month=3&x=25&y=46框架在⼀个页⾯引⼊其他页⾯ iframe框架集：HTML5已经取消常⽤的布局组合标签div-ul-li/div-ol-li ：常⽤于导航布局div-dl-dt-dd: 常⽤于图⽂混编布局div-form: 常⽤于表单布局div-table: 常⽤于局部规则数据展⽰布局HTML4和HTML5的区别：HTML5 中新增的语义标签 - 了解标签描述article 定义页⾯独⽴的内容区域。
HTML学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。
HTML标记语言也不例外，同样需要遵从一定的规范。
接下来将具体讲解HTML文档的基本格式。
HTML文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html〉根标记、<head〉头部标记、<body〉主体标记,具体介绍如下：(1）<！DOCTYPE>标记<!DOCTYPE> 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML 或XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用<！DOCTYPE〉标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。
（2)〈html〉〈/html〉标记〈html>标记位于〈!DOCTYPE〉标记之后，也称为根标记，用于告知浏览器其自身是一个HTML 文档，<html>标记标志着HTML文档的开始，〈/html>标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。
在〈html>之后有一串代码“xmlns=”/1999/xhtml"”用于声明XHTML统一的默认命名空间.（3）<head〉</head〉标记<head〉标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在<html〉标记之后，主要用来封装其他位于文档头部的标记，例如〈title〉、<meta>、〈link>及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。
一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
（4)〈body>〈/body〉标记<body〉标记用于定义HTML文档所要显示的内容，也称为主体标记.浏览器中显示的所有文本、图像、音频和视频等信息都必须位于〈body>标记内，<body>标记中的信息才是最终展示给用户看的.一个HTML文档只能含有一对<body>标记，且〈body>标记必须在〈html〉标记内，位于<head>头部标记之后，与〈head>标记是并列关系.在HTML页面中，带有“〈〉”符号的元素被称为HTML标记，如上面提到的〈html〉、〈head〉、<body〉都是HTML标记。
Html和CSS的关系
学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。
下面我们就来了解下这三门技术都是用来实现什么的：
1.HTML是网页内容的载体。
内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2.CSS样式是表现。
就像网页的外衣。
比如，标题字体、颜色变化，或为标题加入背景图片、边框等。
所有这些用来改变内容外观的东西称之为表现。
3.JavaScript是用来实现网页上的特效效果。
如：鼠标滑过弹出下拉菜单。
或鼠标滑过表格的背景颜色改变。
还有焦点新闻（新闻图片）的轮换。
可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
认识标签（第一部分）：
1、<body>标签
在网页上要展现出来的内容一定要放在<body>标签中
语法：<body>....</body>
2、<p>标签，添加段落,一段文字一个<p>标签
语法：<p>...</p>
3、<hx>标签，添加标题
标题标签一共有6个，h1,h2,h3,h4,h5,h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。
并且依据重要性递减。
<h1>是最高的等级。
标题标签的样式都会加粗，h1标签字号最大，h6标签字号最小语法：<hx>。
</hx>(x为1-6)
4、<strong>和<em>标签加强语气
<em>默认用斜体表示，<strong>默认用粗体2表示。
语法：<em>需要强调的文本</em>
<strong>需要强调的文本</strong>
5、span标签为文字设置单独样式
例子：span{color：blue;}
<span>美国梦</span>
6、<q>标签，短文本引用
要引用的文本不用加双引号，浏览器会对q标签自动加双引号
语法：<q>需要引用的文本</q>用q标签真正的关键点不是他的样式双引号，而是他的语义，引用别人的话
7、<blockquote>标签，长文本引用
语法：<blockquote>被引用的长文本</blockquote>
8、<br/>标签，分行显示文本，是单个标签
在html中是忽略空格和回车的
9、 在网页中输入一个空格，输入多个空格用分号隔开。
10、<hr/>标签，添加水平横线，同<br/>标签一样，是单个标签
11、<address>标签，为网页加入地址信息
语法：<address>地址信息<address/>在浏览器上默认显示的样式是斜体，也可以通过css样式来修改
12、<code>标签，在网页中展示一行代码
语法：<code>要展示的代码</code>
13、<pre>标签，在网页中加入大段代码
语法;<pre>要加入的大段代码</pre>。
