2020-11-21

兴唐教育第二节记录

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有过多学习就不说了，可以自己试试。