零基础入门HTML,学会网页制作(适合小白的html教程)

  • A+
所属分类:Web前端
摘要

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


一、认识HTML

  • 超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。
  • HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。
  • “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
  • 超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容,可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

二、HTML语言特点

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

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

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

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

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

三、什么时候用HTML?

B(Browser)/S(Server)架构方向

四、为什么要学HTML?

我们以后主要为企业内部提供解决方案,例如:企业内部的办公系统、供应链管理系统、客户关系管理系统等,而这些系统通常对界面的表现要求较低,对业务处理和数据处理要求较高,并且要求降低升级维护的成本,B/S架构可以更好的被企业接受,所以我们以后主要的方向是开发基于B/S架构的应用,B/S架构的开发通常又被叫做Web开发,Web开发通常包括Browser浏览器端的开发以及Server服务器端的开发。

即使是学习Java后端,前端页面编写也要了解,能看懂,简单的页面效果可以实现即可;

五、怎么开发HTML?

创建一个以 .html或 .htm 结尾的文件,用文本编辑器打开就可以开发。

六、怎么运行HTML

用浏览器打开以.html或.htm的文件就可以自上而下解析执行,不需要编译

七、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在网页中的应用

资料获取方式:

关注+评论/私信扣“1”获取HTML完整版学习资料