html标签快速回顾
html一篇搞定
***补充:书写习惯,1不会写就是拼音全称,不要写拼音简写.2能展开写的代码就不要写一行,看起来麻烦
<h1>标题,一个标签独占一行</h1>
<p>段落,里面的文字会自适应浏览器大小换行</p>
<br>强制换行
<strong>加粗</strong>
<em>倾斜</em>
<div>一个标签独占一行,是一个大盒子</div>
<span>一行放多个span,是一个小盒子</span>
图片
<img src="图片地址"
title="鼠标放在图片上会显示title"
alt="图片显示不出来会显示的文字"
width="要么修改高度,要么修改宽度,这样就会等比例缩放图片">
超链接
<a href="写.html网站地址就打开网页,写.zip就下载压缩包,写.exe就下载应用 "target="_blank新窗口打开,_self当前窗口打开"></a>
补充:【文字,音频,视频都可以放到a标签中】
<a href="#idname">锚点链接,他是一个能跳转到当前页面某个位置的链接,是链接,是链接</a>
特殊字符
特殊字符只记三个: 空格; <小于号 ;>大于号
表格
table表格,tr一行,th表头单元格,如姓名,年龄这些文字会加粗居中,td放在tr中的单元格,作为列使用 [td不要理解为列,直接理解为单元格去使用] <table border="1"> <thead> <th>AAA</th> <th>BBB</th> <th>CCC</th> </thead> <tbody> <tr> <td>1</td> <td>1</td> </tr> </tbody> </table>
补充:td不要理解为列,直接理解为单元格去使用,例如下面的结构就是
<tr>
<td>左边的东西放着</td>
<td>右边的东西放着</td>
</tr>
列表
无序列表【ul,li】:里面只能放li,不能放p,不能只写文字等,li里面能放任何元素
有序列表【ol,li】:里面只能放li,不能放p,不能只写文字等,li里面能放任何元素
自定义列表【dl,dt,dd】:dl里只能包含dt和dd,一般一个dt(列表标题)跟多个dd(子列表)
<dl> <dt> <dd></dd> <dd></dd> <dd></dd> </dt> </dl>
表单
1 type取值可以是:text,password,submit,reset,radio,checkbox等等
2 value属性,主要作用是打开网页输入框就会显示的值
3 checked属性针对单选框,复选框,主要作用是用户一打开网页会有默认勾选效果
4 label标签中的for属性能够与id绑定,有点像锚点
5 radio,同一组radio必须相同的name
<form action="URL地址" method="pos或者get" name="表单名字"> <label for="zhanghao">账号</label> <input type="text" value="请输入账号" id="zhanghao"/> <label for="mima">密码</label> <input type="password" id="mima"> <!-- 单选框 --> <label for="nan">男</label> <input type="radio" name="sex" id="nan"> <label for="nv">女</label> <input type="radio" name="sex" id="nv"> <input type="submit" value="注册"/> <!-- 按钮的动作得你自己用JS写 --> <input type="button" /> <!-- 上传文件 --> <input type="file" /> <select name="" id=""> <option value="" selected="selected">请选择国家</option> <option value="">中国</option> <option value="">美国</option> </select> <textarea name="" id="" > 文本域 </textarea> </form>
标签:文字,回顾,标签,单元格,列表,html,li From: https://www.cnblogs.com/dfzj/p/18053511