测试学习(五)——HTML

一、HTM介绍

web前端三大技术:

HTML:负责网页架构,将内容显示在页面上

CSS:负责网页样式、美化

js:负责网页行为

HTML:是用来描述网页的一种语言

HTML标签:单标签<html>

双标签<b>内容</b>

标签属性:属性格式:属性名=“属性值”

<a href="http://.jd.con"> 京东<a>

2.htmL骨架标签

 

3.常用标签

1.标题标签<h1>内容</h1>

    特点:h1~h6,h1最大

2.段落标签<p>内容</p>

特点:独占一块(换行作用),有语义化含义

3.超链接标签<a href=''http:"></a>

a标签

属性:href:点击文本要跳转的地址(网页、本地文件)

          target:指定窗口打开模式,新窗口一般未_blank

4.图片标签<img />

属性:src:路径

1.相对路径:“相对当前执行文件所在位置作为起点

                     上一级:../

                     同级:./

2.绝对路径:

title:光标悬停显示文字

alt:图片未加载时显示文字

width:图片宽度

height:图片高度

3.换行<br/>和空格&nbsp

    空格快捷键:shift+数字7

4.布局标签<div>和<span>

    <div>内容</div> <span>内容</span>

    div 大盒子:独占一行

    span:一行可以放多个,可以放单个字单个符号的

5.列表标签

     有序标签<ol>

                            <li>内容</li>

                            <li>内容</li>

                    </ol>

     无序标签<ul>

6.表单标签<form><form/>

     作用:将页面作于数据提交至后台或指定页面

    属性:action:指定将数据提交到那个页面

                method:  提交参数的方法

                            get:参数明文显示在url   提交速度快 提交参数有长度限制

                                        一搬查询使用

                            post:参数不明文显示  提交速度慢 提交参数没有长度限制

                                      

        7.input标签

      (1)文本框   用户名<input type="text"/>

           (2)密码框   用户名<input type="tpassword"/>

            (3)单选框   用户名<input type="radio/"> 

                            %%相同一组的radio才能做单选,设置相同name属性才是一组

            (4)复选框   用户名<input type="checkbox"/>

             (5)按钮   用户名<input type="button" value="按钮"/>

               (6)提交按钮  <input type="submit"/>

                 (7)重置   用户名<input type="reset">

                   

4. %%注释:不会被浏览器执行,解释代码的含义给程序员看

注释国际通用快捷键:ctrl+/

测试点:前端页面发布上线之前,需要检查(描述不恰当的文字)所有注释或者去除注释

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值