发表于: 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的内容,今天主要学习了表格和表单,也实际操作了一些例子,这两个在实际中会经常用到涉及的内容也多,感觉还是要多练习加深记忆


返回列表 返回列表
评论

    分享到