上一篇介绍了网页的基本结构，那如何编写网页的内容? 前提是要学会HTML标签的用法，本篇主要介绍HTML标签是什么，如何学习，需要大概多长时间学习，今天小编就来聊一聊关于如何深入学习html5前端技术知识?接下来我们就一起去研究一下吧!

如何深入学习html5前端技术知识（前端入门什么是HTML）

如何深入学习html5前端技术知识

上一篇介绍了网页的基本结构，那如何编写网页的内容? 前提是要学会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标签含义及用法，可以按照上面介绍的标签进行分类学习，感谢关注，祝你学习愉快。

,