Web前端|HTML入门教程（无比详细！适合前端初学者）

牛仔码农 - 2021-08-05 22:50:52

---

随着 web 前端技术的飞速发展，HTML 和 CSS 也成为了编程者的必备技能。而要想做一个网页光会这一门语言是不够的，还需要自学css，JavaScript。其中html和css较JavaScript容易。

HTML是什么？

HTML：hypertext markup language，超文本标记语言，用来展示网页中的内容。同时 HTML 也是我们学习前端开发的基础。

可以这样理解，HTML，是一个文件类型，可以被浏览器解析。如果不使用浏览器打开，我们看到的将是一行行代码，在浏览器中打开以后呢，就会出现一些静态效果了。

下面介绍一下初步的一些HTML语法知识。

HTML 标签非常注重语义化，很多标签都是通俗易懂的，大大降低了我们学习的难度。

HTML语言特点

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

● 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

● 可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

● 平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

● 通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

接下来这套HTML教程更是为了避免初学者走太多的弯路，指出了许多其它 HTML 教程中没有提到的学习误区，并且给初学者提供了一个具体的学习思路，除了注重 HTML 知识点的讲解，更加注重 web 前端开发技巧和思维。帮助大家快速入门，其中包含大量的实践经验，将知识系统化，浓缩为精华，用通俗易懂的语言直指网页设计初学者的痛点。

学海无涯，苦做舟，学习如同修行，只有潜心才可以领悟真谛。HTML 中的每一个小知识点都可以让页面发生不同的变化，现在就让我们行动起来，跟着 HTML 教程的步伐，让我们一起走进 HTML 的世界！

视频主要讲解了HTML基础语法，内容主要包括：HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。

通过视频的学习，可以开发基本的网页，并且可以看懂别人编写的HTML页面。

课程目录

001.HTML教程-课程内容概述

002.HTML教程-BS结构介绍

003.HTML教程-软件环境准备

004.HTML教程-HTML概述

005.HTML教程-我的第一个HTML

006.HTML教程-HTML的基本标签

007.HTML教程-HTML的实体符号

008.HTML教程-HTML的表格

009.HTML教程-HTML的单元格合并1

010.HTML教程-HTML的单元格合并2

011.HTML教程-thead tbody tfoot

012.HTML教程-背景色和背景图片

013.HTML教程-HTML图片img标签

014.HTML教程-HTML超链接

015.HTML教程-超链接的作用-request和response的概念

016.HTML教程-HTML列表

017.HTML教程-form表单初步

018.HTML教程-用户注册表单的实现

019.HTML教程-下拉列表支持多选

020.HTML教程-form的file控件

021.HTML教程-隐藏域hidden控件

022.HTML教程-隐藏域hidden控件2

023.HTML教程-readonly和disabled

024.HTML教程-控件的maxlength属性

025.HTML教程-HTML文档中节点的id属性

026.HTML教程-div和span在网页中的应用

在线观看

https://www.bilibili.com/vide...

百度网盘

链接：https://pan.baidu.com/s/1N91k...
提取码：dmjt

Tags 标签

前端htmlhtml5css

扩展阅读