HTML中常见元素及格式
1、超链接
格式:<a href="链接地址">显示的文字</a>
注意:/表示以当前网页为准的同一文件夹下的网页,一般省略/,不写
./表示以当前网页为准的同级文件夹
../表示以当前网页为准的上级文件夹
title:设置当鼠标移入时,有相应的文本提示
target:规定在何处打开链接文档
在新窗口打开文档
<a href="链接地址" target="_blank">在新窗口打开网页</a>
2、锚点
( 1)、创建锚点
<a href="" name="锚点名字">显示的文字</a>
( 2)、指向锚点
<a href="#锚点名字“>指向锚点的文字</a>
注:#号的作用是与href中的链接地址分隔开来
3、框架
如何在框架中打开页面
(1)、给框架命名:
<iframe src="" frameborder="1" name="名称">
( 2)、框架内打开:
<a href="网页地址" target="名称">显示文字</a>
注:"1"表示有边框,"0"表示无边框
4、表格
(1)格式:
<table>
<caption>表格标题</caption>
<tr>
<th>表头</th>
<td>单元格内容</td>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
</table>
(2) table常用标签:
cellpadding 内表格间距,调节整个表格大小
cellpacing 单元格间距
align 对齐方式 border-collapse:collapse 合并表格边框
5、form表单
(1)、基本类型<input type="text"/>文本输入框
input 输入框 type 类型
常用类型:
password 密码 submit 提交 reset 重置 radio 单选
button 按钮 checkbox 复选 file 文件 image 图像
email 邮件 date 日期 color 颜色 number 数字
(2)、textarea文本域
格式:
<textarea name="" id="" cols="" rows=""></textarea>
(3)、select 下拉列表
格式:
<select>
<option value="">文本</option>
</select>
selected为默认选中 multiple可选多个选项
(4)、定义域 fieldset
格式:
<fieldset>
<lengend>标题
<input type="text">
</fieldset>
(5)、form表单格式
a、<form action="表单处理程序的地址" method="get/post"></form>
get与post区别
get地址栏显示,安全性低;post加密传输,安全性高
get提交方式快;post需要加密,提交方式较慢
get在http头里面请求数据,post在http正文
b、元素label
格式:
<input type="radio" name="sex" checked="checked" id="man">
<label for="man">男人</label>
c、id、class和name的区别
id:标签唯一标识,具有唯一性,相当于身份证 JS使用
class:标签的名称 前端使用
name:标签的名称 后台使用
转载于:https://www.cnblogs.com/chenliangping/p/5299596.html
HTML中常见元素及格式相关推荐
- 前端开发中常见的图片格式
JPEG,GIF,PNG,最流行的是 jpeg 格式,可以把文件压缩到最小在 ps 以 jpeg 格式存储时,提供 11 级压缩级别. 网页中常见的图片格式有: 1.GIF图片格式,GIF是一种调色板 ...
- vue 中常见的时间格式转换
项目中后台返回的时间有多种形式,时间戳.ISO标准时间格式等,我们需要转化展示成能看的懂得时间格式: 将2022-05-27T14:20:27.000000Z 时间格式转换成 2022-05-27 1 ...
- 时间转年月日_编程中常见的时间格式
时间格式 前端和后端时经常会遇到各种各样的时间格式,这些格式在编写程序的时候都需要去使用不同的处理方式,这里集中写一下. 先说一下各种不同的时间格式. 类型名 格式 说明 ISO 8601 一般:20 ...
- 计算机硬盘分区类型,常见磁盘分区格式的区别是什么?
常见磁盘分区格式的区别是什么?就目前电脑技术的发展,电脑磁盘应该包括:电脑硬盘.U盘.手机内存卡.MP3,MP4等存储介质.而且这些硬件的储存空间越来越大,比如目前有些U盘的储存容量已超过原先奔三时代 ...
- 文档中根元素后面的标记格式必须正确。
文档中根元素后面的标记格式必须正确. php或其它语言动态输出的xml,最开始<标记 前面有空格,最后面>标记 后面有 空格 导致xml解析出错 解决办法: var data:String ...
- JavaScript:JavaScript中常见获取对象元素的方法
介绍: javascript中常见的3种获取元素的方法,分别是通过元素ID.通过标签名字和通过类名字来获取 操作如下: 1.getElementById DOM提供了一个名为getElementByI ...
- jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件
jQuery事件: jQuery中的事件和javascript中的事件基本相似,不同的是jQuery中的事件处理函数写在事件后面的括号中,如: <script>$('input').cli ...
- 【重难点】【Java集合 02】Set、List、Map 的区别、常见的线程安全的集合类、Collection 为什么只能在 Iterator 中删除元素
[重难点][Java集合 02]List.Set.Map 的区别.常见的线程安全的集合类.Collection 为什么只能在 Iterator 中删除元素 文章目录 [重难点][Java集合 02]L ...
- WAV格式中常见的压缩编码
WAV格式中常见的压缩编码(compression code) WAV为微软公司(Microsoft)开发的一种声音文件格式,它符合RIFF(Resource Interchange File For ...
- linux怎么查看一个bam文件,生信分析过程中这些常见文件的格式以及查看方式你都知道吗?...
原标题:生信分析过程中这些常见文件的格式以及查看方式你都知道吗? 生信分析过程中,会与很多不同格式的文件打交道,除了原始测序数据 fastq 之外,还需要准备基因组文件 fasta 格式和基因注释文件 ...
最新文章
- Yolov4性能分析(上)
- 【FFmpeg】Hello World!尝试如何编译FFmpeg程序
- Ueditor配置及在项目中的使用
- OnDraw与OnPaint有什么区别
- honeywell扫码枪取消回车_霍尼韦尔条码扫描器常见问题与解决方法
- 8 线程安全且高效的单例模式
- 开源工具Arena,数据科学家再也不用为Kubernetes犯难啦!
- linux查看目录下文件个球,球服务翻译……只找到以前版本的。新版的服务名称改了……...
- Spring boot的Maven配置依赖
- Tomcat访问日志详细配置
- flex4.5的DataGrid
- Vue路由如何设置导航选中(高亮)
- Rootkit检测技术发展现状
- Matlab图像特征提取的数学原理及实现
- poscms会员头像更新接口
- iOS 7 之Airdrop 分享
- k8s部署tomcat及web应用_k8s介绍 k8s搭建一个应用(mysql+tomcat)
- 图解 Google V8 # 22 :关于内存泄漏、内存膨胀、频繁垃圾回收的解决策略(完结篇)
- 【笑话】网络上的经典马屁回贴~~~
- es 去重统计_es 去重查询(聚合、分组、分页、求和统计等)
热门文章
- 导入项目jsp文件报错,但打开相应的文件并没有错误解决办法
- 什么情况下java会出现堆溢出_【Java面试题第三期】JVM中哪些地方会出现内存溢出?出现的原因是什么?...
- PAT (Basic Level) Practice1006 换个格式输出整数
- clickhouse 分布式表
- java单例设计及其在jdk中的应用
- 【420天】跃迁之路——程序员高效学习方法论探索系列(实验阶段177-2018.04.01)...
- 《Linux菜鸟入门2》访问网络文件系统
- python-rrdtool python-pyrrd
- ERP知识普及连载(21)
- [转载]Web Frameworks for Python by Guido van Rossum