常用HTML标签
<html lang = "en">
<head>
<meta cahrset = "utf-8">
<title>淘宝网,淘! </title>
</head>
<body>
<a href="http://www.baidu.com">www.baidu.com</a>
</body>
</html>
<p> 段落标签
<h1> 这是标题 </h1>
<p>Life is shit!!!生活很美好!!!</p>
<strong>加粗</strong>
<em>斜体</em>
<del>删除线</del>
<address> 成段展示+斜体 </address>
<span></span>
<div></div> 充当容器,分解功能
容器捆绑操作
空格是文本分割符,回车同理
html 编码
真正的空格
< 小于符
> 大于符
<br> 回车标签 有些标签不需要成对出现
<hr> 水平线
style = "width:100px;height:100px;background-color:red;" 大小为100*100的红色背景
有序列表
<ol> 列表架
<li></li> 列表项
<li></li>
<li></li>
</ol>
type = ""可以来控制按照什么来列顺序,"1","a","A","i","I"
reversed = "reversed" 倒序 注:不需要加逗号
start = "2"
<ul> 无序列表同上
type="disc" 实心圆,"square" 实心正方形,"circle" 圈
<img src = "" sytle = "width:200px;" alt = "This is FanYe">
1.网上的url
2.本地的绝对路径
3.本地的相对路径
alt 图片占位符 中的是注释,在图片地址出现错误,无法正常加载时,会显示出来的
title 图片提示符
<a href="http:www.baidu.com">www.baidu.com</a> 超链接
<div id="demo1" style="width:100px;height:100px;background-color: green">demo1</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="demo2" style="width:100px;height:100px;background-color: red">demo2</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#demo1">find demo1</a>
<a href="#demo2">find demo2</a>
快速返回指定地点
<a></a> 1.超链接
2.锚点
3.打电话 "tel:178555555555"
4.发邮件 "mailto:14789644785@qq.com"
5.协议限定符 - 点击后强制运行javascript的代码
<a href="javascript:while(1){alert('shit')}">无限shit</a>
能发送数据,将前端数据发送给后端工程师,提交以后数据库进行匹配,对username进行匹配
<form method="get" action="">
<p>
username:<input type="text" name="username" value="请输入用户名">
</p>
<p>
password:<input type="password" name="password">
</p>
<input type="submit" value="login">
</form>
<input type="radio" name="1" value=""> 单项选择,此时的name代表在哪个选择题里的,value代表提交哪一题
"checkbox" 多项选择,
checked="checked" 默认选项
<select>
<option>浙江</option>
<option>北京</option>
<option>天津</option>
</select>
显示下拉框
表单信息
<form method="get" action="">
<p>
<h1>Province </h1>
</p>
<select>
<option>浙江</option>
<option>北京</option>
<option>天津</option>
</select>
</form>