HTLM第二日

Posted 2020-12-03 jcxdlg

1.<ul> <li>我不是你爹</li> </ul>无序列表，，每一个列表项是UL标签里的一对LI标签。
2.<ol start="4" =“4” type="I">

有序列表，，每一个列表项是OL标签里的一对LI标签,start 的值为一个数字，表示从第几开始计数 type 属性的可选值由 a A i I 1
<li><a href=http://www.jjwxc.net/onebook.php?novelid=3584110&chapterid=30>姜晓宇</a></li>
<li>我你爹2</li>
<li><em>我你爹3</em></li>
<li><strong>我你爹4</strong></li>
<li><em><strong>我你爹5</strong></em></li>
</ol>

em标签倾斜 strong标签加粗

3.<table border="1px" width="600px"><tr>

<td width="100px">姓名</td>

<td width="100px">班级</td>
<td width="100px">性别</td>
<td width="100px">年龄</td>
</tr>
<tr>
<td>晋长鑫</td>

<td width="100px" colspan="5"></td>

<td>电商171</td>
<td>男</td>
<td>20</td>
</tr>
</table>

 tr 是列 td是行 width 单元格长度 colspan横向合并 rowspan竖向合并

4.<td width="100px" height="120"  style="text-align: center;"  bgcolor="#ADADAD">专业<br>技能</td>

 width长度调节 height宽度调节  style="text-align: center文字居中 bgcolor="底色

5.<center></center>页面居中

 6.<form >

用户名：<input type="text"><hr>    <input type="text">表单标签 文本输入框
密码: <input type="password"><br>  <input type="password">密码输入框                    
<input type="button" value="登录">  <button>  </button>    <input type="button" value="   ">  按钮标签
<button>忘记密码</button><br>
性别：<input type="radio" name="xb"> 男   <input type="radio"> 可点选项点                     name="xb"单选
<input type="radio" name="xb"> 女
<input type="radio" name="xb"> 太监
<input type="radio" name="xb"> 人妖<br>
你是姜晓宇吗？<br>
<input type="checkbox"> 是                 <input type="checkbox"> 可勾选的选项框
<input type="checkbox"> 否<br>
你的脑残程度<select>                             <select><option>脑死亡</option></select> 多级选项
<option>--请选择--</option>
<option>一级脑残</option>
<option>二级脑残</option>
<option>三级脑残</option>
<option>重度脑残</option>
<option>完全脑残</option>
<option>脑死亡</option>
</select><br>
自我介绍：<textarea cols="30" rows="10" style="vertical-align: top">这家伙贼懒
</textarea>    <textarea cols="30" rows="10" style="vertical-align: top">文本框
</form>