Web前端笔记(二)
- 字体标签
粗体、加粗
斜体、斜体
下划线
可以嵌套使用,如123 - 图片标签
<img src ="">
- Src属性,放置图片地址
相对路径
绝对路径
鼠标光标悬停显示title
加载不出时显示alt
宽度设置width
<img src="img/1.jpg" title="123" alt="找不到" width="50px">
- 超链接
<a href=””>
- 空格
- R标,注册商标
®
- 尖括号
< >
- C标版权符号
©
- TM标,商标
™
- &标
&
- 网页背景颜色
<body bgcolor=”red”>
- 网页背景图像
<body background=”img/1.jpg”>
- 表格
<table >
- 表头
<thead> <th>居中,加黑加粗</th> </thead>
- 表体
<tbody> <tr > <td> </td> </tr> </tbody>
</table>
- 多行列快捷键 tr*3 TAB
- 边框粗细、边框显示位置:居中
<table border=”1px” align=”center”>
- 合并横向单元格,用于td属性
colspan=”2” 至少2个单元格起步,下边一行注释掉
<td>闫芳</td>
<td colspan="2">55</td>
<!-- <td>女</td> -->
- 合并纵向单元格
Rowspan=”2” 至少2个单元格起步,下边一行注释掉 - 单元格之间的距离,用于table属性
cellspacing=”10px” - 单元格与内容的距离
Cellpadding=”10px” - X的y次方输入
X<Sup>y<Sup>
- 单元格内容的居中需要用水平居中
align=”midder” - 登录时要提示:账户或密码错误
- 表单
<form action=”” method=””></form>
- Method有两个值:get和post
get是获取信息的时候的方式,打开一个页面,跳转
post是提交数据信息的方式,登录、注册、上传 - type类型:password一般用户密码和确认面输入时使用,输入会用遮挡符号盖住。
- 有意义按钮
<input type="submit" value="注册"/>
<input type="reset" value="重置" />
- 普通按钮
<input type="button" value="搜索"/>
- 单选
男:<input name="gr" type="radio" value="男" checked="checked"/>
女:<input name="gr" type="radio" value="女" />
单选按钮时name值设置相同,达到互斥。
单选默认选中:checked=”checked”
后设置的默认选中会覆盖前面的默认选中。
- 列表
<select name="r" size="1">
<option value="10020" >北京</option>
<option value="10021" >天津</option>
<option value="10022" selected="selected">上海</option>
<option value="10023">重庆</option>
</select>
列表里默认选项selected=”selected”
- 有序列表
<ol>
<li>前言<li>
<li>前言<li>
<li>前言<li>
<ol>
- 无序列表
<ul>
<li>前言<li>
<li>前言<li>
<li>前言<li>
<ul>
- 图片
<input type="image" src="images/6.jpg" />