html网页制作教程

html-css011

html网页制作教程,第1张

html是编程语言之一。下面,我们来看看html网页制作教程吧。

01

新建记事本

在桌面上,新建一张记事本,如下图所示:

02

编写代码

打开记事本,编写代码,如下图所示:

03

修改后缀名

把记事本修改后缀名为.html,如下图所示:

04

网页

在桌面上就会有一张网页,如下图所示:

05

运行网页

最后在浏览器上运行该网页,如下图所示:

        HTML是一种标记语言,用一套标记标签来描述网页,本文我们就来介绍下如何使用HTML语言中的无序列表标签<ul>和有序列表<ol>。

       <ul>可以用来列举无序的元素,也就是说列举的几个元素之间的顺序是没有先后之分的,HTML语言可以写成如下这样:

在网页中的显示结果为:

       <ol>可以用来列举有序的元素,列举的元素是有顺序的,网页中所显示的元素也是有从小到大的标号的。HTML语言如下:

在网页中显示的效果如下:

       下面举个“栗子”,来用HTML中的无序列表标签和有序列表标签来实现下图中的列表:

       我们可以看到,上图中的列表其实是无序列表和有序列表相互嵌套得到,最外面的是无序列表"JavaScript"和"Java",在"JavaScript"中嵌套了一个有序列表“1.第一章”和“2.第二章”,在“1.第一章”中,又嵌套了一个无序列表”const“和”let“。所以,HTML语言可以如下实现:

    教程就到这里啦,感谢阅读~

课程设置中都有项目实战,

第一阶段移动前端制作基础(HTML5+CSS3基础)

第二阶段移动前端交互基础(JS+JQ+Ajax)

第三阶段移动前端综合开发(H5+C3+jQ Mobile+bootstrap+zepto)

第四阶段项目实训

课程的安排和讲课老师占很大部门的。

兄弟连软件学院毕备

HTML 教程

HTML 教程

阅读(17962.4k) 收藏 赞(1524) 分享

手册简介

HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。 在 W3Cschool 的 HTML 教程中,您将学习如何使用 HTML 来创建站点。 HTML 非常容易学习!你会喜欢它的!

手册说明

HTML是现在世界通用的超文本标记语言,通过它,可以实现图片、链接、音乐以及程序等等多种元素。现如今,HTML已经是程序员必须掌握的一项基本功。

如果您想要更快、更系统地学会HTML,您最好采用边学边练的学习模式:HTML微课

如果您觉得HTML的学习难度较高,不易理解,建议您采用视频教程进行学习:HTML视频课程

学完本教程之后,W3Cschool推荐您进行实战练习:HTML实战

1477036444719391

HTML发展史

HTML没有1.0,因为关于它的初版存在争议,1995年HTML 2.0面世,1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准,后面W3C(万维网联盟)也渐渐变成Web技术领域的权威,经过漫长的演变,2014年,HTML 5标准最终面世。

HTML 2.0——1995年11月,RFC 1866发布

HTML 3.2——1997年1月14日,W3C发布推荐标准

HTML 4.0——1997年12月18日,W3C发布推荐标准

HTML 4.01——1999年12月24日,W3C发布推荐标准

HTML 5——2014年10月28日,W3C发布推荐标准

HTML结构

HTML的结构一般包括<head>标签和<body>标签,<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。<body></body>当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟HTML为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。

HTML5编辑规范

1、文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg

2、浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车

3、标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。

4、必须使用半角而不是全角字符

5、HTML注释<!--注释内容-->的内容不给予显示。

除了这本手册,你还可以参考

《HTML验证》

《HTML实例》

《HTML测验》

《HTML实战》

《HTML参考手册》

开始学习HTML

接下来,你可以打开这本教程,先了解html的基本概念,然后一个一个地掌握HTML标签、HTML注释、HTML框架的用法,并且参考借鉴一些优秀的网站,通过浏览器的“查看源代码”功能来了解别人写的HTML代码结构。

HTML对于系统环境配置要求一点也不高,基本上,你只需要有一台电脑就够了。