发表于: 2018-06-30 23:50:41
1 739
今天完成的事情:
1、学习了表格<table>.<tr>定义行,<th>定义表头,<td>定义单元格内容,表格内的标签可以是段落、表格或者一个序列,<caption>定义标题,横跨两列的单元格行:<th colspan="2">内容</th>,横跨两行的单元格用<th rowspan="2">内容</td>。 没有边框的表格直接<table>或者<table border="0">,有边框的是<table border="8">。单元格内容与边框之间的空白<table border="1" cellpadding="10">。单元格之间的距离<table border="1" cellspacing="10">。表格背景颜色<table border="1" bgcolor="red">。表格背景图像<table border="1" background=" ">
单元背景颜色及图像 <td bgcolor="red">First</td> <td background="/i/eg_bg_07.gif">。单元格内容排列<th align="left">内容</th> <td align="right">内容</td>。围绕表格的边框设置<table frame="box"><table frame="above"><table frame="below"><table frame="hsides"><table frame="vsides">。
2、简单了解了<div>与<span>。
3、学习了表单<form>.最重要的元素是<input>。<text>定义文本输入:<input type="text" name="firstname">,<radio>定义单选按钮输入:<input type="radio" name="sex" value="male" checked>Male,<submit>定义提交按钮:<input type="submit" value="Submit">,<action >属性定义在提交表单时执行的动作:<form action="/demo/demo_form.asp">。<select> 元素定义下拉列表、<option> 元素定义待选择的选项,比如:
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<button> 元素定义可点击的按钮:<button type="button" onclick="alert('Hello World!')">点击我!</button>;
好多种输入类型<input type="password"> 定义密码字段,显示为星号或圆点;<input type="checkbox"> 定义复选框,<input type="number"> 用于应该包含数字值的输入字段,<input type="date"> 用于应该包含日期的输入字段,<input type="color"> 用于应该包含颜色的输入字段,<input type="month"> 允许用户选择月份和年份.......
明天计划的事情:
学习CSS基础知识。
遇到的问题:
表单输入的类型太多了,日期、数值的类似的分不清楚;敲<div>例子的时候有个cities设置背景颜色为黑色的一直变不过来,后来发现少了圆点
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
收获:
基本家了解了html的内容,今天主要学习了表格和表单,也实际操作了一些例子,这两个在实际中会经常用到涉及的内容也多,感觉还是要多练习加深记忆
评论