HTML入门很简单

原创已于 2025-08-27 05:09:50 修改 · 410 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#html #php #前端

于 2025-08-26 18:33:46 首次发布

在这里插入图片描述

HTML，是网页或者说Web页面内容的一种标记技术，中文叫【超文本标记语言】，英文全称“HyperText Markup Language”。

HTML：超文本标记语言（HyperText Markup Language）

所谓超文本（HyperText ），可以从两个方面理解：

【1】网页内容本身的样子
【2】超越文本

所谓超越文本，这里的文本就是指纯文本或普通文本，而所谓超越，也主要有两层意思：

（1）指网页的内容或形式不止有文本（或文本信息，又或者文本元素），还有图片、链接、声音、视频等元素，这些元素的存在，使之较传统媒体在内容和形式上，更丰富、更生动、更强大，更富魅力，也更具可能性。
（2）在一定程度上，这里的超越，还指对传统新闻媒体的传统方式的超越，核心体现在其所具有的网络属性上，具体主要体现在网页诸元素中的网址链接技术上，也就是网页中的超链接元素，具体体现在HTML的<a>标签上。超链接技术，使网页之间可以相互跳转，也包括可以在单一网页内部实现跳转，这使我们能明确地感受到【网或网络】的存在，以及网或网络的便利、好用、强大和富有魅力。所以，超越本身包含了现代对传统的超越性，直接体现了现代科技的进步，并成为现代社会、现代文明进步的重要内容构成和体现。

对于HTML，也就是超文本标记语言，其中的标记语言，可以从三个方面进行理解：

1、这是一种语言，具体讲，是一种标记语言，是计算机技术表达语言的一种；反过来说，这不是一种自然语言（如汉语、英语），而是电脑中用到的语言，其具体主要应用领域为网络范畴
2、标记语言，不是编程语言。编程语言，主要用于软件程序的编写，标记语言通常只是对特定表达内容相对简单地起标记、标识的作用。HTML是一种标记语言，但标记语言不只有HTML一种，比如XML则是另一种标记语言。标记语言，通常不是一种通用语言，而是属于领域专属语言。
3、HTML是一套网页内容标记语言，主要是对网页内容进行分类和简单的标记；至于网页内容的表现形式或者样式，则主要交给了CSS（层叠样式表）来负责实现；而网页中存在的一些行为或动态性的功能，则主要交能了网络前端脚本语言JavaScript来实现。HTML作为超文本标记语言，它的主要需要学习的内容，其实就是一套标记符号，比如 <html>、<head>、<body>、<p>、<img>、<div>、<span>、<table>、<form>、<ul>.... 等等。

HTML我们说，它的主要需要学习的内容，就是一套标记符号，所以其内容比较少、学习难度也不大，入门很简单。

如果你想学习前端技术（栈），通常都是从HTML开始的。学习的方式很简单，网上随便搜索一套视频或文本教程看一下，跟着做一遍，有个两三天大概就可以了，如果你悟性好，可能一天时间整体上也差不多，至少能整它个七七八八了。自然，接下来，你就可以学习CSS和JavaScript了。

HTML的学习，最主要的，是理解和记住HTML各标签符号的语义；其次，是记住标签的常用属性。

下面，我给出主要标签相对应的英文单词或缩写来源，目的是为了你对HTML标签更好地理解和记忆它们，也可以作为复习之用。


标签						英文单词
<html>						HyperText Markup Language 超文本标记语言
<head>						head n.头；头部
<title>						title n.标题
<body>						body n.身体；身躯，躯体

<h1>~<h6>						head
<p>						paragraph n.段；段落
<br/>						break v.打断；换行
<div>						division n.分割；分区  divide
<span>						span
<img/>						image n.图像；图片
<a>						anchor n.锚

<table>						table n.桌子；表格
<thead>						head n.头		thead=table head 表格的头部
<tbody>						body n.主体		tbody=table body 表格的主体
<tfoot>						foot n.脚		tfoot=table foot 表格的底部
<tr>						row n.行 		tr=table row 表格行
<th>						head n.头		th= table head 表头（单元格）
<td>						data n.数据 		td=table data 表格数据（单元格）

<ul>						un-order list 无序列表
<ol>						order list 有序列表
<li>						list 列表
<dl>						define list 自定义列表
<dt>						define term 定义术语
<dd>						define description 定义描述

<form>						form n.表单
<input />						input 输入
	type="值"					type n.类型
		text					text n.文本
		password				password n.口令；密码
		hidden					hide 隐藏
		radio					radio 单选按钮
		checkbox				checkbox 复选框
		button					button n.按钮
		file					file n.文件
		submit					submit 提交
		reset					reset 重置，重新设置
<label>						label 标签
<select>						select 选择
<option>						option 选项
<textarea>					text area 文本域