Html学习：第一课
html基础属性和控件
HTML代表超文本标记语言
HTML 是用于创建网页的标准标记语言
HTML 描述网页的结构
HTML由一系列元素组成
HTML 元素告诉浏览器如何显示内容
HTML 元素标记内容片段，例如“这是一个标题”、“这是一个段落”、“这是一个链接”等。
<html>
<head>
<meta charset="UTF-8"/>
<title>Node_of_HTML</title>
</head>
<body>
click right view code
<br/>
<h2>step1:simple data</h2>
<a rel="nofollow" href="https://www.baidu.com">more line</a>
<br/>
<a rel="nofollow" href="https://www.baidu.com" target="_blank">new windows to link</a>
<br/>
<a rel="nofollow" href="https://www.baidu.com" target="_self">old windows to open</a>
<br/> this is no size ,is a compare
<br/>
<b>large size for B</b>
<br/>
<em>view for I</em>
<br/>
<u>get a word Bottom line</u>
<br/>
<s>
delete view
</s>
<br/>
<b><em><u>
<s>
get add view
</s></u></em></b>
<br/>
<h2>step2: table slide</h2>
<br/>
<b>1.simple table</b>
<br/>
<table border="1px" align="center">
<thead>
<tr>
<th>name</th>
<th>age</th>
<th>password</th>
</tr>
</thead>
<tbody>
<tr>
<td>admin</td>
<td>man</td>
<td>123456</td>
</tr>
<tr>
<td>user</td>
<td>women</td>
<td>654321</td>
</tr>
<tr>
<td>tom</td>
<td>man</td>
<td>998356</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>name</th>
<th>sex</th>
<th>password</th>
</tr>
</tfoot>
</table>
<br/>
<b>2. clien add table</b>
<br/>
<table border="1px" align="center">
<tbody>
<tr>
<th rowspan="2">aaa</th>
<th>aaa</th>
<th>aaa</th>
<th>aaa</th>
</tr>
<tr>
<td colspan="2">aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
<td>aaa</td>
</tr>
</tbody>
</table>
<br/>
<b>3.listview sort</b>
<br/>
<br/>
<b>true sort list</b>
<ol>
<li>hello ,good morning</li>
<li>I am fine</li>
<li>hello,everybody</li>
</ol>
<br/>
<b>false sort list</b>
<ol reversed="">
<li>hello ,good morning</li>
<li>I am fine</li>
<li>hello,everybody</li>
</ol>
<br/>
<b>English sort list</b>
<br/>
<ol type="a">
<li>hello ,good morning</li>
<li>I am fine</li>
<li>hello,everybody</li>
</ol>
<br/>
<b>list view add</b>
<br/>
<ol>
<li>image reset</li>
<ol>
<li>java</li>
<li>php</li>
<li>javascript</li>
</ol>
<li>big number reset</li>
<ol type="a">
<li>java</li>
<li>php</li>
<li>javascript</li>
</ol>
<li>default language reset</li>
<ol type="a">
<li>java</li>
<li>php</li>
<li>javascript</li>
</ol>
</ol>
<br/>
<b>not have true sort tip</b>
<br/>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
<br/>
<h2>step:3 dividing</h2>
<form>
<br/>
<b>1.simple text line</b>
<br/>
<input/>
<input type="index"/>
<br/>
<b>2.slide text file</b>
<br/>
<input type="index" value="java is NO:1"/>
<br/>
<b>do not have tab text file</b>
<br/>
<input type="index" placeholder="input user"/>
<br/>
<input type="index" placeholder="input password"/>
<br/>
<b>lime input word size text Filed</b>
<br/>
<input type="index" placeholder="maxlength" maxlength="5"/>
<br/>
<b>get more text field</b>
<br/>
<input type="index" placeholder="input password" size="50"/>
<br/>
<b>only reader text field</b>
<br/>
<input type="index" value="you can not delete me" readonly=""/>
<br/>
<b>password not see text filed</b>
<br/>
<input type="password" placeholder="please input password"/>
<br/>
<b>more line table form ,can touch width height</b>
<br/>
<textarea rows="20"> 汉皇重色思倾国，御宇多年求不得。 杨家有女初长成，养在深闺人未识。 天生丽质难自弃，一朝选在君王侧。 回眸一笑百媚生，六宫粉黛无颜色。 春寒赐浴华清池，温泉水滑洗凝脂。 侍儿扶起娇无力，始是新承恩泽时。 云鬓花颜金步摇，芙蓉帐暖度春宵。 春宵苦短日高起，从此君王不早朝。 承欢侍宴无闲暇，春从春游夜专夜。 后宫佳丽三千人，三千宠爱在一身。 金屋妆成娇侍夜，玉楼宴罢醉和春。 姊妹弟兄皆列土，可怜光彩生门户。 遂令天下父母心，不重生男重生女。 骊宫高处入青云，仙乐风飘处处闻。 缓歌慢舞凝丝竹，尽日君王看不足。 </textarea>
<br/>
<b>9.button</b>
<br/>
<input type="submit" value="send"/>
<br/>
<button>button two</button>
<br/>
<input type="submit" value="send"/>
<br/>
<b>10.form check</b>
<br/>
<input type="range" min="-100" max="100"/>
<input type="range" min="-200" max="200" step="100"/>
<input type="range" min="-200" max="200" step="100" value="-200"/>
<br/>
<input type="number" min="-100" max="100" value="0"/>
<br/>
<b>11.checkbox</b>
<br/>
<input type="checkbox"/>选择
<br/>
<b>12.single checkbox</b>
<br/>
<input type="radio" name="a" checked=""/>java
<input type="radio" name="a"/>php
<input type="radio" name="a"/>javascript
<br/>
<b>12.select from check</b>
<br/>
<select>
<option>huawei</option>
<option>xiaomi</option>
<option>oppo</option>
</select>
<br/>
<b>13.select form and input</b>
<br/>
<input type="text" placeholder="other food please input" list="datalist1"/>
<datalist id="datalist1">
<option>apple</option>
<option>banner</option>
<option>orange</option>
</datalist>
<br/>
<b>14.email phone url time color</b>
<br/>
<input type="email"/>
<input type="tel"/>
<input type="url"/>
<input type="date"/>
<input type="color"/>
<br/>
<b>15.hide form</b>
<input type="hidden" value="123"/>
<br/>
<br/>
<b>16.image button and check file</b>
<br/>
<input type="image" src="assets/logo.jpg" width="8%"/>
<br/>
<input type="file" multiple=""/>
</form>
<br/>
<h2>step4:insert image</h2>
<br/>
<b>1.create image</b>
<br/>
<img src="assets/logo.jpg" width="128px" alt="alice"/>
<br/>
<b>2.can not find image</b>
<br/>
<img src="assets/logo.jpg" width="123px" alt="alice"/>
<br/>
<b>3.click image to internet</b>
<br/>
<a rel="nofollow" href="https://www.baidu.com" target="_blank"> <img src="assets/logo.jpg" width="128px" alt="alice"/> </a>
<br/>
<b>4.distance click image</b>
<br/>
<img src="assets/logo.jpg" usemap="#map1"/>
<h2>step5:insert video</h2>
<br/>
<b>click play video</b>
<br/>
<video src="assets/gameplay.mp4" controls="" preload="auto" poster="assets/logo.jpg"></video>
<h2>step6:insert video</h2>
<br/>
<b>click play music</b>
<br/>
<audio src="assets/FlowerFire.mp3" controls=""></audio>
</body>
</html>
