兴唐教育第二节记录
1.网页文字的字体多种多样,其中分有块级元素与与行内元素。例:
<div>郑州大学</div>
<span>郑州大学</span>
上面的是块级元素而下面的为行级元素。块级元素一下占用一行的位置,而行级元素只要内容这么大的位置,所以可以在块级元素内套用行级元素来规整与分类。
2.如果想要获得像excel一样的表格的话可以输入以下代码
<table>
<tr>
<th colspan="9" >2013年度图书销售统计</th>
</tr>
<!--
描述:th = table head
-->
<tr>
<td rowspan="2">图书分类</td>
<td width="200" style="text-align: center;" colspan="2">一季度</td>
<td width="200" style="text-align: center;" colspan="2">二季度</td>
<td width="200" style="text-align: center;" colspan="2">三季度</td>
<td width="200" style="text-align: center;" colspan="2">四季度</td>
</tr>
<tr>
<td style="text-align: center;">销售量</td>
<td style="text-align: center;">销售额</td>
<td style="text-align: center;">销售量</td>
<td style="text-align: center;">销售额</td>
<td style="text-align: center;">销售量</td>
<td style="text-align: center;">销售额</td>
<td style="text-align: center;">销售量</td>
<td style="text-align: center;">销售额</td>
</tr>
<tr>
<td>小说</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>文艺</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>励志/成功</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>童书</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
</tr>
</table>
<style>
table{
border: black 1px solid ;
border-spacing: 0px;
border-collapse: collapse;
}
th{
border: black 1px solid ;
}
td{
border: black 1px solid ;
}
</style>
其中<table>代表表格开始,<tr>代表一行,<th>代表table head,就是标题。td代表内容行。但是只有这些是没有黑色框框的。要加上下面的style才可以形成表格框。
3.如果对账号输入的东西感兴趣的话可以看以下代码
<form>
<input type="text" placeholder="账号放这"/>
<input type="password" placeholder="密码放这"/><br />
<input type="file"/>
<select>
<option>---请选择---</option>
<option>兴唐杯</option>
<option>兴唐教育</option>
</select><br />
<textarea></textarea>
<input type="radio" name="sex" id="nan"/><label for="nan">男</label>
<input type="radio" name="sex" id="nv"/><label for="nv">女</label>
</form>
在<form>里设置的代码可以让你选择男女和账号密码。输入男女的时候要记住给它们个名字!
<textarea>是输入的文本框,例如评论栏。
<select>是下拉栏,选择地址的时候会用到,在<option>中输入选项。
由于没有对type有过多学习就不说了,可以自己试试。