整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

这里有一份HTML的超全教程,自学建网站不再是梦

互联网高速发展的今天,我们通过浏览器可以看到各种各样的网站,包含了各式不同的领域还有内容,通过点击网站上的标签和栏目我们就能够很方便地看到网站上显示的各种数据,而这些都是建立在HTML这种标记语言的基础上做到的。

HTML的英文全称为Hyper Text Markup Language,中文称作超文本标记语言,是一种专门用来建立网站的标识语言。其中包括了许多标签将分散的网络数据连接到一起,聚合同一之后形成了我们现在所看到的网页。

看到这里是不是有许多朋友想要知道这个HTML语言该怎么去学习呢?是需要找老师统一学,还是去图书馆找专业书籍自己学好呢?不用担心,因为今天要给大家推荐的就是一个专门为大家提供各种编程语言教程的学习网站。

这个网站名叫 runoob,直接在浏览器上搜索即可找到。


图片来自RUNOOB网页截图

在首页可以看到该栏目的第二个就是关于HTML的学习教程,点击左边的方框可以调整你的课程进度,在第一章节的教程中很清晰地讲解了什么是HTML,以及告诉了你一些关于网站建立的小知识。

下方的提示框会给你提供一些对HTML零基础新手的科普,关于这种标记语言应该如何进行保存,如何查看文件后辍名,如何打开代码文件等等,还会提供一些专用工具供你学习使用。同时网站会给你简单介绍一些网页编程语言的区别,还有各种用途上的区分,非常地详细。


图片来自RUNOOB网页截图

在第三章节的编辑器一栏里,会提供给你一些HTML的专用编辑器,例如VS Code,还有sublime text 等实用工具,在后面会教你如何将这些HTML必备编辑器下载并安装,然后在浏览器上面运行。

通过插件还有语言编程的格式我们就能够学会如何制作第一步的标题了,刚开始的一步比较简单,相信大家很快就能学会如何在网页上显示自己打入的文字了。之后进一步的学习就是关于如何调整文字段落,还有各种标识的使用。


图片来自RUNOOB网页截图

在如何进行文字排版编辑的方面,教程中也讲述得很详细,包括一些用户们常犯的错误,还有一些网页的实例,甚至是这个教学网站上的排版示范都会进行一一讲解。

更深入的章节会对如何进行图像排列,传输等方面进行细讲,教程中把大部分网站会使用到的技巧还有排版方式都分成了许多个小片段,方便大家能够对每个方面针对性地学习。这些内容并不多,几乎每一个片段都是用很直白的语言进行讲解,方便所有人都能够看懂,并且在下方都会有更详细的术语解析,还有一些比较难懂的点会举例解释。


图片来自RUNOOB网页截图

经过十几章节的教学之后,基本上能够掌握HTML语言的基本用法,还有一些简单的操作了,这个时候如果想要进阶学习的话还可以在网站上查找其他的进阶语言用法,例如CSS, JavaScript等等复杂一些的语言,相应的你也会学到更多如何运营网页的方法。

当然如果想要自己建立一个网站的话,还需要更多资源还有设备,例如高速的网络连接保持网页的稳定性,以及稳定的服务器,用来保证自己的网页24小时都能保持流畅可用。不过这些都是在学会了如何建立网页之后才考虑的事了。



现在网上也有许多编程教学,在网上自学一门知识一门语言变得非常方便,但是仅仅是拥有资源还是不够的。学习如何建立自己的网站还需要大量的努力以及知识的积累,通过不断的练习还有实践才能自如地使用,只有基础扎实,建立出来的网站才能够长久。但还需要大家能够行动起来,只有去学习去实践才能够真正学会东西,希望这个教学网站推荐能够帮到更多人!

一篇介绍了网页的基本结构,那如何编写网页的内容? 前提是要学会HTML标签的用法,本篇主要介绍HTML标签是什么,如何学习,需要大概多长时间学习。

本篇主要基于html5介绍,html5 是最新版的标准,之前的版本可以自己了解下。

HTML 简介

HTML的英文全称是Hyper Text Markup Language,直译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记,在当中包含有属性和值。标记描述了每个在网页上的组件,例如文本段落、表格或图像等。

事实上,HTML是一种因特网上较常见的网页制作标注性语言,而并不能算做一种程序设计语言,因为它缺少程序设计语言所应有的特征。HTML通过IE等浏览器的翻译,将网页中所要呈现的内容、排版展现在用户眼前。

一个html标签基本结构如下:

<标签名称  属性="属性值"></标签名称> 或 <标签名称 属性="属性值"/>

有以下特点:

  1. 由尖括“<”、“>”号包围的标记元素,比如 <html>和</html>就是一对标记。
  2. 通常是成对出现的,比如 <div> 和 </div>,也有单独呈现的标签,如:<img />、<input/>等。
  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签;
  4. 一般成对出现的标签,其内容在两个标签中间,如<h1>标题</h1>。单独呈现的标签,则在标签属性中赋值,如<input type="text" />。
  5. 网页展示的内容需写在<body>标签中。
  6. 标签不区分大小写,建议按规范小写。

HTML标签按功能大体可分以下几种类型:

  1. 构成网页基本架构的标签,比如:<!DOCTYPE>(定义文档类型)、<html>(根标签),<meta>(元信息)、<head> (网页头部区域)、<body> (网页内容区域)。
  2. 用于引入外部资源客户端脚本的标签,比如:<link>(外部资源,css样式文件), <script>(客户端js脚本)。
  3. 用于描述布局的标签,比如: <div>、<ul>(无序列表)、<ol>(有序列表)、<h1>到<h6>(标题1到6)、<table>(表格)、<footer>(页脚)、<header>(页头)等。
  4. 用于描述文本格式的标签,比如:<p> (段落)、<strong>(加粗)、<q>(引用)、<span>等。
  5. 用于引入多媒体资源的标签,比如:<img>、<video>、<audio>等。
  6. 用于制作表单的标签,比如:<form>(表单),<input>(输入框),<textarea>(文本域),<select>(下拉菜单),<radio>(单选项),<checkbox>(多选项)等。
  7. 其它标签(不是很常用的)。

如何学习html的标签用法

没有捷径,需要多看,多练。在这里我不一一介绍每个标签的具体含义及用法,相关语法可以参考以下几个网站:

  1. https://www.w3cschool.cn/html5/
  2. https://developer.mozilla.org/zh-CN/docs/Web/HTML

制定一个学习计划,每天坚持下去

要求,每天花费3到5个小时学习,至少1到2周掌握常用的html标签含义及用法,可以按照上面介绍的标签进行分类学习,感谢关注,祝你学习愉快。

tml:超文本标记语言

html全称英文是 hyper text markup language叫做超文本标记语言,html 就是用来去制作网页的一种标记语言,它就是一种纯文本格式的文件

html特点

纯文本就是只能在内部去书写文字内容,不能直接去添加图片音频视频,但是我们会发现我们在网页中呢?正常页面中可以看到它里面添加了图片、音频视频等等内容。
这是因为html它本身就与其他的文件不同,这门语言有它自己独特的功能,那么理解一下 html 中的两个重要概念,一个叫做 hyper text,超文本,一个叫做 markup 标记。

超文本

超文本叫做超级文本的缩写,简单一点说呢?超文本就是用来去链接另外一个文本或者多媒体内容的文本,也就是说超文本还是文本,不过比普通的文本有了一个特殊的功能,它可以去链接到另外一个内容,这个内容可以是另外一个文本,也可以是一个多媒体的内容;比如图片、超链接、音频、视频程序等等,这就是超文本的概念。

那么怎么样能让我们的纯文本去实现一个超美的功能呢?这就是html的另外一个功能,标记的作用。标记又叫做标签,英文是 html tag,它有一个自己特殊的书写规范,这种特殊的书写的规范是写给浏览器去看的,而不是给我们看的,它结合自己内部的普通的文字内容,可以去实现特殊的语义。

标签

比如说我可以将一段普通的文字变成一个标题,将一个普通的文字变成一张图片,这就是它的标记一个特点,我们在编辑器里面去进行编辑的时候,它是可以去看得到的,但是在浏览器中加载的过程中,又看不到标记,它只会去实现自己的功能。

标签可以帮我们实现特殊的书写效果,要么给我们的文字呢去添加特殊的含义,要么去添加我们新的内容进来新的图片等等,
所以说没有添加标记的网页,它是一片混乱的文字堆积在一起,而添加了标记之后的网页结构变得更加的清晰、有层次、有条理、而且还可以去添加除了文字以外的内容到网页中了,这就是我们对 html 的初步印象。