HTML

HTML常用标签

HTML

HTML(Hyper Text Markup Language) 指的是超文本标记语言,是用来描述网页的一种语言。HTML 使用标记标签来描述网页,标签是由尖括号包围的关键词,一般成对出现,上图是我根据目前所学的一点内容总结出的HTML的常用标签。

a 标签定义超链接,用于从一张页面链接到另一张页面。如图:
在这里插入图片描述
在这里插入图片描述
点击页面上的文字“百度”就可跳转到代码里面写的网站上。

map 表示图像有可点击区域。
area 标签定义图像映射中的区域,也就是说设置图片上的某一区域可点击从而实现页面跳转,area永远嵌套在 map内部。如图:
在这里插入图片描述
coords后面的值分别代表X轴,Y轴和半径,前面两个值确定可点击范围的位置,半径来决定可点击范围的大小。


img 标签用来插入一张图片,如上图src里面的路径就是电脑里图片的存储位置,可根据属性width和height设置图片的宽和高。


input 标签根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。如下列各图所示:
Text ----文本框
Password ----密码框
Submit ----提交按钮
Radio ----单选框
Checkbox ----多选框
Reset 重置按钮
Button 普通的按钮
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

form 标签是为用户输入创建的HTML表单,表单能够包含input,比如文本字段、复选框、单选框、提交按钮等等。
在这里插入图片描述
在这里插入图片描述

textarea 标签定义多行的文本输入控件。
在这里插入图片描述
rows 表示行数 cols 表示列数
在这里插入图片描述


br 标签就是换行。


b 标签就是使文本加粗,如图:
在这里插入图片描述
在这里插入图片描述
big 标签能使文本的字号放大一号(除文本已是最大字号外),可以嵌套使用,如下图:
在这里插入图片描述
在这里插入图片描述
div 标签就是划分一个区域,它可以把文档分割为独立的、不同的部分。
在这里插入图片描述

font 标签可以设置字的字体、尺寸和颜色。
在这里插入图片描述
在这里插入图片描述

h 标签是设置网页标题的,h后面有一个范围是1~6的数字,它表示着标题的文字大小,数字越小字越大。如图所示:
在这里插入图片描述
在这里插入图片描述
hr 标签是创建一条水平线


p 标签是行标签,表示标签里的内容成为一行。


select 标签可创建单选或多选菜单。
option 标签是定义下拉列表中的一个选项,它位于select的内部,如图:
在这里插入图片描述

video 标签定义视频。
在这里插入图片描述
controls=“controls” 表示显示播放按钮。
src="movie.mp4"表示电脑里视频的存储路径。

audio 标签定义音频,用法和视频的一样。


table 标签创建HTML表格,由一个或多个 tr、th 或 td 元素组成。
tr 定义表格行
th 定义表头
td 定义表格单元
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述

li 标签用来定义一个列表项目,可用在有序列表 ol 和无序列表 ul 中。
ul 标签用来定义一个无序列表。
在这里插入图片描述在这里插入图片描述
ol 标签用来定义一个有序列表。
在这里插入图片描述在这里插入图片描述

以上就是我目前学的HTML标签的大概总结。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值