切换模式
前端入门——什么是HTML，如何快速学习
我是老王w
上一篇介绍了网页的基本结构，那如何编写网页的内容? 前提是要学会HTML标签的用法，本篇主要介绍HTML标签是什么，如何学习，需要大概多长时间学习。
本篇主要基于html5介绍，html5 是最新版的标准，之前的版本可以自己了解下。
HTML 简介
HTML的英文全称是Hyper Text Markup Language，直译为超文本标记语言。它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记，在当中包含有属性和值。标记描述了每个在网页上的组件，例如文本段落、表格或图像等。
事实上，HTML是一种因特网上较常见的网页制作标注性语言，而并不能算做一种程序设计语言，因为它缺少程序设计语言所应有的特征。HTML通过IE等浏览器的翻译，将网页中所要呈现的内容、排版展现在用户眼前。
一个html标签基本结构如下：
<标签名称 属性="属性值"></标签名称> 或 <标签名称 属性="属性值"/>有以下特点：
- 由尖括“<”、“>”号包围的标记元素，比如 <html>和</html>就是一对标记。
- 通常是成对出现的，比如 <div> 和 </div>，也有单独呈现的标签，如：<img />、<input/>等。
- 标签对中的第一个标签是开始标签，第二个标签是结束标签；
- 一般成对出现的标签，其内容在两个标签中间，如<h1>标题</h1>。单独呈现的标签，则在标签属性中赋值，如<input type="text" />。
- 网页展示的内容需写在<body>标签中。
- 标签不区分大小写，建议按规范小写。
HTML标签按功能大体可分以下几种类型：
- 构成网页基本架构的标签，比如：<!DOCTYPE>（定义文档类型）、<html>(根标签),<meta>（元信息）、<head> (网页头部区域)、<body> （网页内容区域）。
- 用于引入外部资源及客户端脚本的标签，比如：<link>（外部资源，css样式文件）， <script>（客户端js脚本）。
- 用于描述布局的标签，比如： <div>、<ul>（无序列表）、<ol>（有序列表）、<h1>到<h6>（标题1到6）、<table>（表格）、<footer>（页脚）、<header>（页头）等。
- 用于描述文本格式的标签，比如：<p> (段落)、<strong>(加粗)、<q>（引用）、<span>等。
- 用于引入多媒体资源的标签，比如：<img>、<video>、<audio>等。
- 用于制作表单的标签，比如：<form>(表单),<input>(输入框),<textarea>(文本域)，<select>(下拉菜单),<radio>(单选项),<checkbox>(多选项)等。
- 其它标签（不是很常用的）。
如何学习html的标签用法
没有捷径，需要多看，多练。在这里我不一一介绍每个标签的具体含义及用法，相关语法可以参考以下几个网站：
- 【清华大佬196小时讲完的Web前端教程，整整200集，全程干货无废话，学完月薪20K！零基础入门学前端】 https://www.bilibili.com/video/BV12v4y1u7Vq?share_source=copy_web&vd_source=8467f7f7f89137b08575a7b23be53d5b
- 清华大佬196小时讲完的Web前端教程，整整200集，全程干货无废话，学完月薪20K。零基础入门学前端（2）_哔哩哔哩_bilibili?
制定一个学习计划,每天坚持下去
要求，每天花费3到5个小时学习，至少1到2周掌握常用的html标签含义及用法，可以按照上面介绍的标签进行分类学习，感谢关注，祝你学习愉快。
发布于 2022-10-18 14:22
HTML
前端入门