TML是超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
.HTML指的是超文本标记语言
.HTML不是编程语言,而是一种标记语言
.标记语言是一套标记标签
.HTML使用标记标签来描述网页
.HTML文档包含了HTML标签和文本内容
.HTML文档也叫做web页面
HTML实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> HTML教程实例</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
</body>
</html>
注意:对于中文网页需要使用<meta charset="udf-8">声明编码,否则出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。
实例解析:
<!DOCTYPE html>声明为HTML5文档
<html>元素是HTML页面的根元素
<head>元素包含了文档的元数据
<title>元素描述了文档的标题
<body>元素包含了可见的页面内容
<h1>元素定义一个大标题
<p>元素定义一个段落
一篇介绍了网页的基本结构,那如何编写网页的内容? 前提是要学会HTML标签的用法,本篇主要介绍HTML标签是什么,如何学习,需要大概多长时间学习。
本篇主要基于html5介绍,html5 是最新版的标准,之前的版本可以自己了解下。
HTML的英文全称是Hyper Text Markup Language,直译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记,在当中包含有属性和值。标记描述了每个在网页上的组件,例如文本段落、表格或图像等。
事实上,HTML是一种因特网上较常见的网页制作标注性语言,而并不能算做一种程序设计语言,因为它缺少程序设计语言所应有的特征。HTML通过IE等浏览器的翻译,将网页中所要呈现的内容、排版展现在用户眼前。
一个html标签基本结构如下:
<标签名称 属性="属性值"></标签名称> 或 <标签名称 属性="属性值"/>
有以下特点:
没有捷径,需要多看,多练。在这里我不一一介绍每个标签的具体含义及用法,相关语法可以参考以下几个网站:
制定一个学习计划,每天坚持下去
要求,每天花费3到5个小时学习,至少1到2周掌握常用的html标签含义及用法,可以按照上面介绍的标签进行分类学习,感谢关注,祝你学习愉快。
今天我们一起来了解下HTML,
首先HTmL包含三层结构,分别是结构层,表现层,行为层。
结构层:html => 网页上有什么,比如说文字啊、按钮啊、图片啊等等。
表现层:css => 显示成什么样子,比如说文字的大小啊,位置啊,颜色啊等等。
行为层:JavaScript => 具体怎么操作,比如说点击按钮让图片放大缩小等等。
===============================
在了解了html的三层结构之后,我们来学习如何写html。html不是编程语言,它是一套标签。最简单的html文本是下图1这个样子。我们可以在电脑桌面上新建一个记事本文件,然后把后缀名改一下(.txt=>.html),把这段标签代码粘贴到html文件里,这样一个空白的网页就做成了。如果需要在网页上添加内容,我们只需要在第10行的位置添加各种各样的标签即可。比如我在图二添加了一个按钮标签和一段文字标签,双击html文件,页面上就从左到右,从上到下显示对应的内容。是不是很简单。我们日常浏览的网页都是这样一个标签一个标签画上去的。
我给大家总结了一张图,基本上覆盖了工作中常用的知识点。同时分享几个小技巧。
1.最简单的网页写成什么样子,也就是html模板不需要记忆,下图也说了,去百度下载一个VSCode软件(类似于记事本,是现在主流的前端代码编辑器),用它打开我们的html文件,输入英文叹号回车就自动生成了,学编程不要死记硬背。
2.控件的标签不需要记忆,直接百度html XXX标签,例如:百度搜“html按钮标签”,他就会告诉我们是<button>,用的时间长了自然就记住了。是不是省力。
3.标签的属性很重要,可以不去记他的写法,因为写可以百度,重要的是你需要记住标签有什么属性,下图的属性记住足矣。为什么要记呢,因为工作中,有的时候会遇到这样一种情况,明明设置一个属性可以完成的功能,我们不知道,花费了大力气用css和js去实现,结果还存在着特定场合的bug,让人很无奈。
4.对于html还有两个标签<canvas>和<svg>,他们是用来绘图的,做特殊效果的。我们可以先跳过,等框架啥的都学完了,有兴趣,学习一下。
5.给大家推荐一个小白学习html的网站,w3cschool,图里不明白的可以去上边学学练练。
6.如果觉得一个人学习前端有难度,我建了一个小白前端学习交流群,可以私聊我,大家在群里多多交流,我会经常给大家答疑,组织大家练习,一起做小项目。有方向,少走弯路。
*请认真填写需求信息,我们会在24小时内与您取得联系。