HTML标签

最新推荐文章于 2024-07-17 18:00:00 发布

Dragon_qing

最新推荐文章于 2024-07-17 18:00:00 发布

阅读量195

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/Dragon_qing/article/details/119792817

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML标签

文件标签：构成html最基本的标签
文本标签：和文本有关的标签
图片标签
音频标签
视频标签
列表标签
div和span
语义化标签：html5中为了提高程序的可读性，提供了一些标签。
表格标签
表单标签
- 表单项标签

文件标签：构成html最基本的标签

html：html文档的根标签
head：头标签。用于指定html文档的一些属性。引入外部的资源
title：标题标签
body：体标签

<!DOCTYPE>：<!DOCTYPE html>html5中定义该文档是html文档

文本标签：和文本有关的标签

注释：<!-- 注释内容 -->
<h1> to <h6>：标题标签 h1-h6字体大小逐渐递减
<p>：段落标签
<br>:换行标签
<hr>：水平线（可更改属性）
<b>：字体加粗
<i>：字体斜体
<font>：字体标签
<center>: 文本居中(已淘汰)

属性：
size：大小
face：字体
color：颜色
属性定义：
color：
1.英文单词：red，green….
2.rgb(值1，值2，值3):范围0~255
3.#值1值2值3：值的范围：00~FF之间。如#FF00FF

width：
1.数值：width=‘20’ ，数值的单位是像素（px）
2.数值%：占比相对于父元素的比例

特殊字符
特殊字符表

图片标签

img:展示图片
src：指定图片的位置 ./:表示当前目录 …/:表示上级目录

<img src="jpeg/头像.jpeg" align="right" alt="狮子" width="500" height="500"/>

音频标签

代码：

<audio src="music.mp3" controls></audio>

属性名	功能
src	音频路径
controls	显示播放的控件
autoplay	自动播放（部分浏览器不支持）
loop	循环播放

注意点：
• 音频标签目前支持三种格式：MP3、Wav、Ogg

视频标签

代码：

<video src ="./video.mp4" controls></video>

属性名	功能
src	视频路径
controls	显示播放的控件
autoplay	自动播放（部分浏览器不支持）
loop	循环播放

注意点：
• 视频标签目前支持三种格式：MP4 、WebM 、Ogg

列表标签

有序列表：
ol:
li:
无序列表：
ul:
li:
连接标签：
*a:定义一个超链接
属性：
*href：指定访向资源的URL（统一资源定位符）
*target :指定打开资源的方式
*_self:默认值，在当前页面打开
*_blank :在空白页面打开

div和span

div:每一个div占满一整行。块级标签
span：文本信息在一行展示，行内标签内联标签

语义化标签：html5中为了提高程序的可读性，提供了一些标签。

1.<header> :页眉
2.<footer> :页脚

表格标签

<table> :定义表格

table 中的属性
*width :宽度
*border :边框
*cellpadding :定义内容和单元格的距离
*cellspacing :定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
*bgcolor :背景色
*align :对齐方式

<tr> :定义行

tr中的属性：
bgcolor:背景色
align:对齐方式

<td> :定义单元格

td中的属性
colspan:合并列(参数表示合并几列)
rowspan:合并行(参数表示合并几行)

<th> :定义表头单元格

<caption> :表格标题
<thead> :表示表格的头部分
<tbody> :表示表格的体部分
<tfoot> :表示表格的脚部分

表单标签

概念:用于采集用户输入的数据的。用于和服务器进行交互。
* form :用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
	*属性:
		*action :指定提交数据的URL
		*method:指定提交方式
			分类:一共有7种，2种比较常用
				get :
					1.请求参数会在地址栏中显示。会封装到请求行中(HTTP协议）。
					2.请求参数大小是有限制的。
					3.不太安全。
				post :
				1.请求参数不会再地址栏中显示。会封装在请求体中（HTTP协议）
				2.请求参数的大小没有限制。
				3.较为安全。
			*表单项中的数据要想被提交：必须指定其name属性

表单项标签

input :可以通过type属性值，改变元素展示的样式

 type属性:
	1.text :文本输入框，默认值
	2.placeholder :指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息
	3.password :密码输入框
	4.radio:单选框
		注意：
		 - 要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。
		 - 一般会给每一个单选框提供value属性，指定其被选中后提交的值
		 - checked属性，可以指定默认值
	5.	checkbox :复选框
		注意:
		 - 一般会给每—单选框提供value属性，指定其被选中后提交的值
		 - checked属性，可以指定默认值
	
	6.	file: 文件选择框
	7.	hidden：隐藏域，用于提交一些信息
	8.	按钮：
		 submit：提交按钮 。可以提交表单
		 button：普通按钮
		 image：图片提交按钮
			src属性指定图片路径

label :指定输入项的文字描述信息

注意
label的for属性一般会和input的id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点。

select:下拉列表

子元素：option,指定列表项

textarea :文本域

cols :指定列数每一行有多少个字符
rows :默认多少行。

Dragon_qing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签

HTML标签文件标签：构成html最基本的标签文本标签：和文本有关的标签图片标签：音频标签：视频标签：列表标签：div和span：语义化标签：html5中为了提高程序的可读性，提供了一些标签。表格标签：表单标签：表单项标签：input :可以通过type属性值，改变元素展示的样式submit：提交按钮。可以提交表单button：普通按钮image：图片提交按钮* label*select:下拉列表*textarea :文本域文件标签：构成html最基本的标签html：html文档的根标签head：头
复制链接

扫一扫