前端HTML基础标签介绍
我们走入前端的圈子,也许是因为被绚丽的网页给迷住,从而想创造出一个属于自己的绚丽的网页或者是网站;也许是因为在学校中学习到相关的知识,然后逐渐喜欢上了前端带来的视觉盛宴;也许是因为自己做淘宝,想做一个网站来吸引顾客,反之等等的原因,走入这个前端的圈子。
既然如此,我将带领大家来体验这个圈子的美妙。首先要明白一点的就是,如果要学什么东西,我们必然要打牢我们的基础,才能往上建造更高的楼层和更精致的楼层,所以我们要学最最基础的东西,这样我们之后的路才能好走。
现在我要介绍的是最基础的前端基础知识,就是我们前端HTML标签,其实不止是我们HTML才有标签,其他的编程语言也是使用标签的,比如现在比较火爆的java语言和Python语言都是使用标签的。当然啦,也不是所有的编程语言使用标签,比如我们的C语言就不是。但是绝大多数是使用标签的,
所以标签在我们的编程里面是十分重要的,所以学习标签变得十分的重要,也是我们学习前端HTML的基础所在。
多余的话就不说,现在就开始介绍我们的HTML标签。如图表下。
标签 | 描述 |
---|---|
<a> | 超链接 |
<b></b> | 字体加粗 |
<br> | 换行(相当于回车) |
<button></button> | 按钮 |
<caption></caption> | 表格的标题 |
<div></div> | 文档中的分区或节 |
<dl></dl> | 定义列表 |
<dt></dt> | 定义列表项目 |
<dd></dd> | 定义列表中项目的描述 |
<em><em> | 强调文本 |
<form></form> | 定义供用户输入的 HTML 表单。(当需要数据库传输到页面的时候,这个标签很有用) |
<h1></h1>到<h6></h6> | 定义标题的大小,h1到h6,标题不断变大 |
<hr></hr> | 水平线 |
<i></i> | 斜体 |
<img> | 定义图像 |
<input></input> | 定义输入控件 |
<label></label> | 定义 input 元素的标注 |
<li></li> | 定义列表的项目 |
<link> | 定义文档与外部资源的关系 |
<ol></ol> | 有序列表 |
<ul></ul> | 无序列表 |
<option></option> | 定义选择列表中的选项 |
<p></p> | 段落 |
<script></script> | 定义客户端脚本(JavaScript) |
<select></select> | 定义选择列表(下拉列表) |
<span></span> | 定义文档中的节 |
<strong></strong> | 强调文本 |
<style></style> | 定义文档的样式信息 |
<table></table> | 定义表格 |
<td></td> | 定义表格中的单元 |
<th></th> | 定义表格的表头单元 |
<tr></tr> | 定义表格中的行 |
在这上面的表格当中,我为大家列举了主要的一些标签,这些标签时平时主要使用到,至于其他,如果有需要的人可以到最新HTML标签中查看你想要的标签。
如果细心的人可以发现一个问题,就是有些标签是成对存在,有些标签是孤零零的,这就是我要说的,html中的标签分为双标签和单标签,主要是以双标签为主。好了,主要书写到这里,下一章文章将带领大家分析这些标签的作用。