html基础学习快速掌握.doc资源-CSDN文库

需积分: 9 123 浏览量 2021-02-03 15:40:18 上传评论收藏 1.89MB DOC 举报

HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它是构建互联网的基础之一。通过学习HTML，你可以构建出结构清晰、内容丰富的网页。快速掌握HTML语言不仅有助于理解网页的工作原理，也是成为全栈工程师的必经之路。 1. **全栈学科** 全栈学科是一个涵盖前端开发、后端开发以及数据库管理等多个领域的综合学习方向。全栈工程师不仅要精通HTML，还需要熟悉CSS（层叠样式表）用于网页布局和设计，JavaScript用于交互式功能，以及至少一种后端编程语言（如Java、Python或Node.js）来处理服务器端逻辑。此外，了解数据库管理和API接口设计也是必要的。 1. **全栈工程师与全栈开发** 全栈开发意味着开发者能够处理整个软件开发周期，包括用户界面、服务器端代码、数据库管理以及项目部署。全栈工程师的价值在于他们可以独立完成大部分工作，提高了开发效率，并且在团队协作中能更好地理解各个角色的需求。 1. **基本技能** - **打字**：高效的打字能力是所有程序员的基础，对于编写HTML代码尤其重要，因为代码量往往较大。 - **基本知识**：理解HTML的基本元素和标签结构，如`<html>`, `<head>`, `<body>`, `<h1>`到`<h6>`的标题，`<p>`段落，以及链接`<a>`、图像`<img>`等。 - **编辑器及常用快捷键**：使用代码编辑器如Visual Studio Code、Sublime Text或Atom，掌握基本的快捷键可以提高编写效率，例如快速插入标签、查找替换、代码格式化等。 1. **学习方法** 学习HTML时，应注重实践。动手创建简单的网页，逐步增加复杂性，同时配合阅读文档和参考书籍。利用在线资源，如W3Schools、MDN Web Docs等学习平台，进行互动练习和项目实战。了解浏览器的开发者工具，可以帮助实时查看和调试HTML代码。 2. **HTML初步** - **什么是网页和网站** 网页是通过HTML代码创建的单一页面，而网站是由多个相互关联的网页组成，共同提供某种服务或信息。 - **网页浏览原理** - **客户端**：浏览器作为客户端，负责接收服务器发送的HTML文件，解析并渲染成用户看到的页面。它还支持JavaScript等脚本语言，实现动态交互。 - **服务器端**：服务器响应客户端（浏览器）的请求，提供HTML、CSS、JavaScript等文件，或者根据请求处理数据，生成动态内容。了解这些基础知识后，你可以继续深入学习HTML5的新特性，如语义化标签、多媒体支持、离线存储等，以及如何结合CSS和JavaScript实现更复杂的网页效果。不断实践和学习，你将逐渐掌握HTML，并向全栈开发迈进。

资源详情

资源评论

资源推荐

第 1 页
HTML 基础
目录：
 相关介绍....................................................................................................................................................................3
1.  关于全栈学科.................................................................................................................................................3
2.  全栈工程师与全栈开发................................................................................................................................3
3.  基本技能.........................................................................................................................................................3
3.1.  打字......................................................................................................................................................3
3.2.   基本知识............................................................................................................................................3
3.3.  编辑器及常用快捷键介绍.................................................................................................................5
4.  学习方法.........................................................................................................................................................5
 html 初步....................................................................................................................................................................6
1.  什么是网页和网站........................................................................................................................................6
2.  网页浏览原理.................................................................................................................................................6
2.1.  客户端：.............................................................................................................................................6
2.2.  服务器端：.........................................................................................................................................7
2.3.  内核（渲染引擎）（了解）.............................................................................................................7
3.  3.3 Web 标准构成..........................................................................................................................................7
4.  什么是 html....................................................................................................................................................8
5.  html 基本知识................................................................................................................................................8
5.1.  html 标准（html 规范）.....................................................................................................................8
5.2.  html 标签.............................................................................................................................................9
5.3.  html 注释.............................................................................................................................................9
5.4.  html 标签分类...................................................................................................................................10
5.4.1.  按标签形式分........................................................................................................................10
5.4.2.  按标签功能分........................................................................................................................10
5.5.  手册推荐：.......................................................................................................................................10
5.6.  html 网页代码基本结构（主要结构）...........................................................................................11
5.7.  html 标签间关系...............................................................................................................................11
6.  综合案例.......................................................................................................................................................12
 html 结构标签.........................................................................................................................................................13
1.  文档级结构标签【主体标签】..................................................................................................................13
2.  html 文本标签..............................................................................................................................................13
3.  排版标签.......................................................................................................................................................14
3.1.  h1～h6：标题标签...........................................................................................................................14
3.2.  br：....................................................................................................................................................15
3.3.  hr：....................................................................................................................................................15
3.4.  p：......................................................................................................................................................15
3.5.  pre：..................................................................................................................................................15

第 2 页
3.6.  blockquote：......................................................................................................................................15
4.  块标签和行内标签......................................................................................................................................16
5.  标签嵌套：...................................................................................................................................................16
 html 列表标签.........................................................................................................................................................16
1.  无序列表 ul>li..............................................................................................................................................17
2.  有序列表 ol>li..............................................................................................................................................18
3.  定义列表 dl>dt，dd.....................................................................................................................................19
 html 图像标签.........................................................................................................................................................21
1.  网页路径问题...............................................................................................................................................21
 html 链接标签.........................................................................................................................................................22
1.  超链接...........................................................................................................................................................23
2.  锚链接...........................................................................................................................................................23
3.  link 标签........................................................................................................................................................24
 html 表格标签.........................................................................................................................................................25
1.  表格初步.......................................................................................................................................................25
1.1.  table 标签常用属性：.......................................................................................................................26
1.2.  td 标签常用属性：...........................................................................................................................26
1.3.  th 标签................................................................................................................................................27
1.4.  单元格的合并...................................................................................................................................27
2.  表格高级.......................................................................................................................................................28
3.  表格案例.......................................................................................................................................................29
 html 表单标签.........................................................................................................................................................29
1.  表单初步.......................................................................................................................................................30
2.  表单标签详解...............................................................................................................................................31
2.1.  form 标签...........................................................................................................................................31
2.2.  下拉列表...........................................................................................................................................33
2.3.  textarea 标签......................................................................................................................................34
2.4.  button 标签........................................................................................................................................34
3.  表单和表格综合案例..................................................................................................................................35
 html5 新增标签与属性...........................................................................................................................................35
1.  一些新增标签...............................................................................................................................................36
2.  一些新增 input 类型.....................................................................................................................................38
3.  一些新增属性...............................................................................................................................................39
 其他零碎及相关知识...........................................................................................................................................40
1.  meta 标签（元信息标签）........................................................................................................................40
2.  网页的字符编码问题................................................................................................................................41
3.  特殊字符——字符实体............................................................................................................................41
4.  文档类型（了解）....................................................................................................................................42
5.  内嵌框架标签 iframe（了解）.................................................................................................................42