控制台调试 ctrl+shift+i 

network 测试url

左上角 clear

 

DOM文档 数据结构与算法

树形结构

 

<h1>标题</h1>

<p>段落</p>

<a href=" ">链接</a>

<img src=" " width="" height="" />

 

<br/>空标签

style="background-color:green;"指背后幕布的颜色

style="text-decoration:none;"

text-decoration:overline;

text-decoration:line-through;

text-decoration:underline;

style="font-family:arial;"

font-style:normal;

font-style:italic;

style="font-size:100px;"

font-weight:normal;

font-weight:lighter;

font-weight:bold;

style="color:blue;"指元素的颜色

style="text-align:center;float:left;"

<img src="" alt="" width="" height="">

表格

<table border="1" cellpadding="10" cellspacing="10">

<tr>

<th>标题1</th>

<th>标题2</th>

</tr>

<tr>

<td>row1,cell1</td>

<td>row1,cell2</td>

</tr>

<tr>

<td>row2,cell1</td>

<td>row2,cell2</td>

</tr>

</table>

<ul>

<li></li>

</ul>

<ol type="" start="">

<li></li>

</ol>

块级元素

<div> <h1> <p> <table> <ul>

内联元素

<span> <b> <img> <a>

<input type="number">

<input type="password">

<input type="text">

<input type="radio">

<input type="checkbox">

<input type="submit">

<input type="button">

<input type="reset" value="重置">

<textarea row=""10 cols="30">

</textarea>

表单

<form>

<input type="radio" name="" value="">

<input type="radio" name="" value="">

</form>

<form>

<select name="value">

<option value="a">a</option>

<option value="b">b</option>

<option value="c" selected>c</option>

<option value="d">d</option>

</form>

<select>

<optgroup label="组名">

<option value="">a</option>

<option value="">b</option>

</optgroup>

<optgroup label="组名" disabled>

<option value="">c</option>

<option value="">d</option>

</optgroup>

</select>

<iframe src=""></iframe>

<style="background-color:rgb(256,256,256);">

 

块级元素

<div> <h1>  <p> <ul> <table>

内联元素

<td> <a> <img> <span>