htlm常用标签及按钮等操作

一、html常用标签

1、标题标签

2、段落标签

3、行内标签

4、块级标签

二、页面的定时刷新和跳转和按钮显示操作

具体请看代码:

<!DOCTYPE html>
<!--表示一个规范的标准的html文件-->

<html lang="en">
<!--一个页面只有一个html标签，标签的属性指定是英文-->

<head>


    <meta charset="UTF-8">

    <!--<meta http-equiv="refresh" content="1">-->
    <!--每隔1秒刷新一个网页-->

    <!--<meta http-equiv="refresh" content="2;url=http://www.imdsx.cn">-->
    <!--刷新2秒后跳转到指定的连接地址-->

    <title>更改浏览器名字</title>
</head>
<body>

<h1>标题标签</h1>
<!--标题标签-->

<p> 这是一个段落标签</p>
<!--段落标签-->

<span>行内标签</span>
<!--行内标签-->

<div>块级标签</div>
<!--块级标签-->
<!--行内标签和块级标签的区别:行内是按着字数或内容来占的，块级是能够占满整行。-->
<!--我们可以通过F12-Elements 查看他们的标签状态-->

<input type="text" placeholder="请输入用户" name="useranme" value="admin">
<!--文本框输入信息，默认用户是admin-->
<input  placeholder="请输入密码" type="password" name="password">
<!--文本框输入密码-->

<span>是否记住登录</span><input type="checkbox" name="xxx" checked="checked">
<!--是否记住登录勾选框-->


<div>性别</div>
<span>男</span><input type="radio" checked="checked" name="sex">
<span>女</span><input type="radio" name="sex">
<!--上面写一个name=sex，下面也写一个sex 使得互斥就可以实现只能选中一个了。-->

<input type="file" name="file">
<!--文件上传-->

<input type="button" value="提交">
<input type="button" value="密码重置">
<!--button按钮的实现-->




</body>
</html>

posted @ 2018-06-17 12:01 bobo-tester 阅读(142) 评论(0) 收藏举报

刷新页面返回顶部