主要基础内容:
基础网页架构:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
标签基础:
基础标签:
<p>和</p>标签:段落标签;
<h1></h1>标签:标题标签;
<h2></h2>标签:标题标签;
<h3></h3>标签:标题标签;
<h4></h4>标签:标题标签;
<h5></h5>标签:标题标签;
<h6></h6>标签:标题标签;
<strong></strong>标签:加粗标签;
<em></em>标签:斜体标签;
<del></del>标签:删除标签;
<address></address>标签:地址标签;
容器(最重要的两个标签,结构化、绑定化):
<div></div>
<span></span>
html编码:
//空格
< //<
> //>
<br> //回车
<hr> //水平线
有序无序列表:
<ol type="1|a|A|i|I|" start="n(数)" reversed="reversed">
<li></li>
<li></li>
<li></li>
</ol>
<ul type="disc|square|circle">
<li></li>
<li></li>
<li></li>
</ul>
图片标签:
<img src="地址" alt="图片占位符" title="图片提示符">
锚标签:
1、超链接
<a href="地址" target="_blank"></a>
2、锚
<div id="demo"></div>
<a href="#demo"></a>
3、其他
<a href="tel:19928362622">调用接口打电话</a>
<a href="mailto:youxiang@163.com">调用接口发邮件</a>
<a href="javascript:">调用javascript方法</a>
表单标签(发送数据):
PS:发送内容包含:数据名,数据值
<form action="" method="get|post">
<h2>填写内容</h2>
<input type="text" name="" value="">
<input type="password" name="">
<h2>单选框</h2>
<input type="radio" name="" value="" checked="checked">
<input type="radio" name="" value="">
<input type="radio" name="" value="">
<h2>复选框</h2>
<input type="checkbox" name="" value="" checked="checked">
<input type="checkbox" name="" value="">
<input type="checkbox" name="" value="">
<h2>下拉菜单</h2>
<select name="" id="">
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
<input type="submin" value="">
</form>
username:
<input type="text" name="username" value="请输入用户名" style="#999"
onfocus="if (this.value=='请输入用户名') {this.value='';this.style.color='#424242'}"
onblur="if (this.value=='') {this.value='请输入用户名';}">