p标签
段落标签
h1-h6标签
标题标签,成段展示
strong标签
加粗
em标签
斜体
del标签
中划线标签
address
地址标签(斜体)
div标签
span标签
<ul><li>
无序列表标签
<ul><li>
为父子结构
一个大的功能有很多功能子项来组成,每一个功能子项的功能和样式基本相同,只不过内容有一些小小的差异,这么多的功能子项组成的一个大功能,这样的一个功能用<ul><li>
来表示,因为更符合他的父子结构。
图片
<img scr="图片地址" alt="图片无法显示时显示解释" title="鼠标放在图片上时的提示">
a标签anchor–锚
例子:
<div id=demo1"">demo1</div>
<a href="#demo1"></a>
用来迅速跳转
超链接<a href="引用的地址" target="_black(在新的网页中打开)">用户看见的</a>
作用:1超链接2锚点3打电话(tel:18539539580)发邮件(mailto:邮箱地址)4协议限定符
<a href="javascript:while(1){alert('让你手欠')}">你点我试试!come on!来呀!</a>
form标签
表单标签
登录及单选
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>登陆</title>
</head>
<body>
<form method="GET" action="">
<p>
username:<input type="text" name="username" value="请输入用户名">
</p>
<p>
password:<input type="password" name="password">
</p>
<!-- 你们所喜欢的男明星
1贝克汉姆<input type="radio" name="star" value="小贝">
2詹姆斯<input type="radio" name="star"value="老汉">
3坤坤<input type="radio" name="star" value="坤坤"> -->
<input type="submit">
</form>
</body>
</html>
搜索页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>搜素</title>
</head>
<body>
<form method="get" action="">
<p>
username:<input type="text" name="username" style="color: #999;" value="请输入用户名" οnfοcus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'}" οnblur="if(this,vule==''){this.value='请输入用户名';this.style.color='#999'}">
</p>
<p>
password:<input type="password" name="password">
</p>
</form>
</body>
</html>
选择,单选,多选样例
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>选择</title>
</head>
<body>
<form method="get" action="">
<!-- <h1>
CHOOSE YOUR SEX!!!
</h1>
male<input type="radio" name="sex" value="male" checked="checked">
female<input type="radio" name="sex" value="female"> -->
<h1>Province</h1>
<select name="Province">
<option>beijing</option>
<option>shanghai</option>
<option>tianjin</option>
</select>
<input type="submit">
</form>
</body>
</html>
复选框,把单选中的radio改为checkbox
checked="checked"默认选中
可以在select中添加名称,同时也可以在option后分别加入value