html

控制台调试 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>