Html标签分类及总结
目录
1 .简介HTML
2 .结构标签
3 .排版标签
4 .文本标签
5 .列表标签
6 .图像标签
7 .链接标签
8 .Link标签
9 .表格标签
10 .表单标签
11 .meta标签
12 .内嵌框架
内容 :
”http://www.baidu.com” > go to baidu </a> </p>
超链接
实现从当前页面跳转到目标页面
例如:
<a href="1/3/02.html">跳转</a> <a href="https://www.baidu.com/">点击我跳转到百度首页</a><a href="baidu.com"><img src="1.jpg"></a>
属性:
- target: _self(默认在当前窗口中打开新页面) | _blank (在新窗口中打开新页面)
修改所有链接的target默认值在 head标签中设置 base标签
<base target="_blank"> - title: 设置鼠标悬停到超链接上的文字提示。
锚链接
锚链接实现的是在当前页面中跳转
<p id="id名">内容</p><a href="#id名">内容</a>
"favicon.ico">
九 表格标签
<table 属性.... ><tr ><td 属性.... > 内容 </td>。。。若干个单元格。。。</tr>。。。若干个行。。。
</table>
注意:这里,table,tr, td是严格的嵌套关系,即只能按此层次关系出现。
属性名 | 含义 | 常用属性值 |
---|---|---|
border | 设置表格的边框宽度 | 像素值(默认为0) |
cellspacing | 设置单元格与单元格边框之间的空白间距宽度 | 像素值(默认为2像素) |
cellpadding | 设置单元格内容与边框线之间的空白间距宽度 | 像素值(默认为1像素) |
width | 设置表格的宽度 | 像素值 |
height | 设置表格的高度 | 像素值 |
align | 设置表格在网页中的水平对齐方式 | left、center、right |
bgcolor | 设置表格的整体背景颜色 | |
background | 设置表格的整体背景图 | |
bordercolor | 格的边框线颜色 | |
属性名 | 含义 | 常用属性值 |
---|---|---|
width | 设置单元格的宽度 | 像素值 |
height | 设置单元格的高度 | 像素值 |
align | 设置单元格中的内容的水平对齐方式 | left、center、right |
valign | 设置单元格中的内容的垂直对齐方式 | top、middle、bottom |
rowspan | 设置要跨行(纵向)合并的单元格数 | 要合并的数量 |
colspan | 设置要跨列(横向)合并的单元格数 | 要合并的数量 |
bgcolor | 设置单元格的背景颜色 | |
background | 设置单元格的背景图 | |
td标签可以使用th进行替换,表示“标题单元格”,其本质也是单元格。
表格高级 :
thead,tbody,tfoot 三个标签 , 写不写效果一样.可以忽略这块
就是table标签里,分为thead标题部,tdboy内容部,和底部tfoof,在这三个部分里在写tr ,因为不写也会自动给补上的
十 表单标签
详解:
form标签 :
form标签的作用是用于将其他表单标签“包”起来,以便作为一个整体,可以提交数据到服务器。
形式:
<form name=”表单名称” action=”目标地址” method=”数据提交方式” >
。。。这里写其他具体的一个一个表单标签。。。
。。。还可以出现几乎所有其他各种标签(除了html,body,head等少数几个)。。。
</form>
作用:通过表单控制实现收集用户信息
使用场景:注册页面,登录页面
表单域:
- method:设置表单提交方式 get|post
- action : 用来处理表单提交数据信息的一个后台文件
输入框:
<input type = "text">
属性:
- maxlength : 设置当前控件最多能输入多少个字符
- readonly : 设置让当前控件为只读模式(不能输入)(无值属性)
- disabled : 设置当前控件不能输入(无值属性)
- value : 设置当前控件的默认值
- name : 设置当前控件名称
- id : 唯一标识符
密码文本框 :
<input type = "password">
与文本框中的属性一样
隐藏文本框 :
<input type ="hidden" name = "pswd" value="数据">
隐藏文本框在网页上不可见,但其中的数据可用
单选项 :
<input type="radio">
注意: 想要让单选控件实现单选效果,我们需要给控件设置相同的name值
<input type="radio" name="a" >男
<input type="radio" name="a" >女
属性:
- checked : 设置默认选中项 (无值属性)
多选项 :
<input type = "checkbox">
属性:
- checked : 设置默认选中项 (无值属性)
文件域
<input type="file">
提交按钮
<input type="submit" value="提交">
提交表单数据
图片按钮
<input type="image" scg="图片.jpg">
提交表单数据
重置按钮
<input type="reset">
将表单控件中的值恢复到默认值,重置是恢复到刚开始的样子,不是清空
普通按钮
<input type="button" name="" value="按钮">
不能实现提交表单,配合js使用
表单框
<fieldset><legend>人员注册信息</legend>邮箱地址:<input type"txt" value = "请输入地址" name="" id="" readonly disabled maxlength="6">
</fieldset>
下拉列表 , Select,option
这两个标签是联合使用的,用于实现网页上的“列表选项”,通常就是下拉列表。
<select name=”名称” size=”行数”>
<option value=”值1”>文字1<option>
<option value=”值2” selected=”selected” >文字2<option>
。。。更多选项照上述格式写出。。。
</select>
属性:
size属性:表示该列表选项展示出的项数(行数),如果为1(默认值),就是下拉列表。
select属性:表示该option选项默认被选中。只应该出现在一个option上。
<select name=”名称” size=”行数”> <optgroup label="文字1"> <option value=”值1”>文字2<option> <option value=”值2” selected=”selected” >文字3<option> 。。。更多选项照上述格式写出。。。 </select>
textarea 标签
textarea标签用于实现“多行文本输入框
<textarea name=”名称” cols=”列数” rows=”行数”>这里可以放内容,通常留空</textarea>
button标签
button标签就是“按钮标签”,其作用是在网页上展示一个“按钮”而已。
<button name=”名称” >按钮文字</button>
一般不需要用这个标签,而是直接使用<input type=”button” >来实现更为常见,效果一样。
十一 meta标签(元信息标签)
meta标签用于定义有关网页(文档)的相关信息(不作为网页的内容表现信息)。
meta标签常用的网页(文档)的相关信息如下所示:
设定针对搜索引擎的关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
设定对页面的描述:
<meta name="description" content="传智播客是一家全国性的IT技能综合培训学校" />
设定网页的作者或制作组
<meta name="Author" content="传智播客网页前端技术教研组">
设定网页每隔多少秒数自动刷新一次:
<meta http-equiv="refresh" content="5" />
设定网页在一定时间后自动跳转到另一个页面:
<Meta http-equiv="Refresh" Content="等待的秒数; url=要跳转到的网页地址">
十二 内嵌框架
<iframe src=”要嵌入进来的网页地址” name=”框架名称” width=”宽度” height=”高度” frameborder=”1或0” scrolling=”yes或no”></iframe>
- iframe是双标签,但标签中通常不放任何内容。
- frameborder:用于设定框架窗口是否显示“边框线”,1表示显示,0表示不显示。
- scrolling:用于设定框架窗口是否显示滚动条(类似浏览器的滚动条)。
特殊字符
Html标签分类及总结相关推荐
- 多分类f1分数_如何计算多标签分类中的F1测度?
我正在研究句子类别检测问题.其中每个句子可以属于多个类别,例如:"It has great sushi and even better service." True Label: ...
- 使用KNN模型进行多标签分类实战(Multilabel Classification)
使用KNN模型进行多标签分类实战(Multilabel Classification) 详细的:二分类.多分类.多标签分类.多输出分类的概念参考笔者如下博文. 分类家族:二分类.多分类.多标签分类.多 ...
- KNN分类器、最近邻分类、KD树、KNN分类的最佳K值、基于半径的最近邻分类器、KNN多分类、KNN多标签分类、KNN多输出分类、KNN分类的优缺点
KNN分类器.最近邻分类.KD树.KNN分类的最佳K值.基于半径的最近邻分类器.KNN多分类.KNN多标签分类.KNN多输出分类.KNN分类的优缺点 目录
- 分类家族:二分类、多分类、多标签分类、多输出分类
分类家族:二分类.多分类.多标签分类.多输出分类 目录 分类家族:二分类.多分类.多标签分类.多输出分类 二分类
- 【论文写作分析】之一 《基于混合注意力Seq2seq模型的选项多标签分类》
[1] 参考论文信息 论文名称:<基于混合注意力Seq2seq模型的选项多标签分类> 发布期刊:<计算机工程与应用> 期刊信息:CSCD扩展 论文写作分析摘要: ...
- 手把手教你用Keras进行多标签分类(附代码)_数据派THU-CSDN博客 (翻译:程思衍校对:付宇帅)
手把手教你用Keras进行多标签分类(附代码)_数据派THU-CSDN博客 手把手教你用Keras进行多标签分类(附代码)_数据派THU-CSDN博客
- ICCV 2019 论文解读:用图神经网络改善视频的多标签分类
作者 | 王磊 本文介绍了汽车之家团队在ICCV 2019一篇关于视频理解论文相关的工作.针对视频多标签分类的问题,论文提出了将视频多标签之间相关性特征加入到网络之中,结果证明该方法可以显著的提高视频 ...
- pytorch多标签分类交叉熵loss
import torch import numpy as np def multilabel_categorical_crossentropy(y_true, y_pred):"" ...
- python文本分类评价指标 top1如何计算_python – Keras:如何计算多标签分类的准确......
我正在做有毒评论文本分类Kaggle挑战.有6个类:['威胁','严重毒性','淫秽','侮辱','身份_用','有毒'].注释可以是这些类的多个,因此它是一个多标签分类问题. 我用Keras建立了一 ...
- 基于PredictionIO的推荐引擎打造,及大规模多标签分类探索
基于PredictionIO的推荐引擎打造,及大规模多标签分类探索 摘要:在2015年3月21日的北京Spark Meetup第六次活动上,尹绪森就如何使用PredictionIO打造一个定制化 ...
最新文章
- 直播回顾|基于格雷码结合相移技术的高鲁棒性高效率动态三维面形测量
- NIPS改名为NeurIPS的原因
- JAVA(四)类集/枚举
- 【深度学习】医学图像分割多标签损失函数和极坐标变换
- react: nextJs koa project basic structure
- RDMA技术详解(二):RDMA Send Receive操作
- ASP.NET MVC 框架路线图更新 【转】
- (五)开源IT资产管理系统--分发OCS客户端
- linux cacti 搭建,Cacti搭建部署
- 垃圾回收算法以及垃圾回收器_什么是垃圾回收?
- LongAccumulator和DoubleAccumulator类如何工作?
- MATLAB教程(1) MATLAB 基础知识(2)
- RabbitMQ-JAVA-ClientAPI示例
- 【CVPR 2019】Strong-Weak Distribution Alignment for Adaptive Object Detection
- redis源码剖析(3):基础数据结构dict
- 使用@Aspect切面进行让JDBC自动关闭(Spring AOP)
- android餐饮管理系统,餐饮管理软件,餐饮软件,美萍餐饮管理系统,酒店收银系统,饭店点菜系统,餐饮点单库存系统...
- linux 怎么格式化u盘写保护,u盘写保护怎么去掉
- #9733;用辩证数学解答“缸中之脑”
- Excel 根据序号分组