前端HTML基础标签介绍

前端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中的标签分为双标签和单标签,主要是以双标签为主。好了,主要书写到这里,下一章文章将带领大家分析这些标签的作用。


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值