软件测试 学习之路 html基础
一、标签有单标签、双标签
<标签名称></标签名称> >>>双标签 [在英文输入法下]
<标签名称 /> >>>单标签
二、html常见标签
标题标签:h1~h6 双标签
换行标签:p 双标签
换行标签: br 单标签
空格:  
注意:标签之间可以嵌套使用,但不能交叉嵌套;
错误写法:
·
正确写法:
图片标签 img 单标签
常见属性:src =“ 图片路径”
alt=" "图片无法显示时显示的内容
width=“ ”图片宽度
high=“ ”图片高度
注:src中的路径…/可表示返回当且文件夹的上级文件
链接标签:<a href="目标地址">内容</a>
例子:<a href="http://www.baidu.com">百度一下,你就知道</a>
效果:百度一下,你就知道
链接属性
新窗口跳转target="_blank"
例子:<a href="http://www.baidu.com"target="_blank">百度一下你就知道</a>
空链接:<a href="#">内容</a>
三、表单
用来填写资料提交后台
表单标签 双标签
表单结构 <form action="xxx" method="xxx"></form>
表单元素
- 文本输入框:
<input type="text" />
- 密码输入框:
<input type="password" />
- 提交按钮:
<input type="submit" />
- 单选框:
<input type="radio" />
- 复选框:
<input type="checkbox" />
- 文本域:
<textarea name="" rows="10" cols="50"></textarea>
//ros为文本框行数 ,cols 为列数 - 下拉框:
<select name=""><option value="">选项一</option><option value="">选项二</option><option value="">选项...</option></select>
- 重置按钮:
<input type="reset" />
- 普通按钮
表单元素注意细节:
1.name:主要是为了数据提交到后台时能够让后台区分存储;
2.value:定义表单元素显示默认值(文本输入框、提交按钮、重置按钮、普通按钮);
3.checked:设置单选、复选框的默认选项,并且属性值等于属性名,其属性值可省略;
4.selected:设置下拉菜单的默认选项;
简单的html邮箱注册页面骨架:`
邮箱注册
邮箱地址:<input type="text" name="" id="" placeholder="请输入邮箱地址"/>@ <select name=""><option value="1">163.com</option><option value="2">162.com</option><option value="3">qq.com</option></select><br /><br />密码:<input type="password" /><br /><input type="radio" value="" />男<input type="radio" value="" />女<br /><br />验证码:<input type="text" name="" id="" height="80" />[外链图片转存失败(img-pPyVSe0p-1562214738505)(https://mp.csdn.net/mdeditor/img/1.jpg)]<br /><br /><input type="button" id="" value="免费获取验证码" /><br /><br /><br />备注:<br /><textarea name="" rows="5" cols="30">请输入信息</textarea><br /><br /><input type="checkbox" name="" id="" value="" />同意<a href="#">服务条款</a>和"隐私权相关政策"<br /><br /><input type="submit" value="确认提交"/><input type="reset" value="重置" /></form>
</body>
`
软件测试 学习之路 html基础相关推荐
- 软件测试 学习之路 linux基础命令 (二)
一.linux基础命令进阶 1.重定向 例子: ls > 1.txt 把命令返回结果输出到文件中,会覆盖之前的数据 ls >>1.txt 把命令返回结果输出到文件中,不覆盖之前的数据 ...
- 软件测试 学习之路 linux 基础命令 (三)
一.linux扩展命令 1.who 查看当前登录用户 admin pst/0 admin tty1 pts 代表一个终端 tty代表用户登录了操作系统 pkill -kill -t tty1 2.切换 ...
- 软件测试 学习之路 Linux基础命令 (一)
一.Linux基本命令 ls clear cd pwd mkdir touch rm cp mv chmod find grep tar shutdown reboot who exit passwd ...
- 软件测试 学习之路 计算机基础
- 软件测试的学习之路-----计算机基础 (详情展示)
文章目录 一:计算机基本介绍 二:硬件系统 三:软件系统 四:二进制的基本介绍 五:常见的数字进制 六:进制之间的转换 七:编码 八:数据的计量单位 九:编程语言 十:基本的DOS命令 十一:欢迎查看 ...
- Vue学习之路(基础篇)
Vue学习之路(基础篇)
- python na不显示 占位_Python学习之路—Python基础(一)
前言 在Python学习之路-初识Python一文中,简单的介绍了Python的基本信息,搭建了Python的基础运行环境,这篇文档将主要展现一些Python的入门必备内容,如有错误或遗漏的地方,欢迎 ...
- Revit学习之路01_Revit基础
序言: 此分类记录自己的Revit学习之路.初学者难免一叶障目,不见泰山,欢迎一起交流学习! Revit介绍 Revit专为建筑信息模型(BIM)构建的一款建模软件.随着BIM概念在国内的兴起,各大设 ...
- 软件测试的学习之路----计算机基础 (图片展示)
经过我的仔细整理,请看下图,希望对你们有所帮助
最新文章
- Windows Server 2003 AD升级到Windows Server 2008 AD的方法及详细步骤
- 大型网站的灵魂——性能优化
- BST AVL 红黑树 B B+树
- mysql有dataguard吗_DataGuard部署
- java----IO和NIO的区别
- 【MarkDown】转义字符
- 如何提取HTML代码中img的src地址?
- python公式计算器_Python小白篇(二):Python计算器
- 如何在MacOS中进行声音内录
- iozone联机测试
- 华为云服务器如何登录
- Chrome恐龙小游戏“开挂“跑分
- Stata连享会:分享一大堆资料
- 服饰Clothing
- 移动电影院开启5G全新征程
- 将Android 根目录挂载为 可读可写RW
- android 程序分身,Android应用分身检测
- 最小相位滤波器 matlab,基于MATLAB最小相位数字滤波器的设计方法研究
- 【servlet】登陆验证之验证码模板
- 刚安装完成的Jmeter5打开之后没有工作台