HTML学习笔记(二)--表格列表布局
2017-02-24 20:54
537 查看
HTML-表格
<table border="1" //定义一个表格,表框为1 cellpadding="10" //内边框 bgcolor="red" //背景颜色,写在th里也可以 background="/i/eg_bg_07.gif"> //背景图片 <caption>我的标题</caption> //表格标题 <tr> //tr表格行 <th>姓名</th> //表格列<td>,<th>表头 <th>电话</th> <th rowspan="2">电话</th> //跨两列 </tr> <tr> <td align="center">Bill Gates</td> //内容相对位置 <td colspan="1">555 77 854</td> //跨1行 <td> </td> //表格为空,是为了显示边框 </tr> </table>
th中间可以继续嵌套文本、图片、列表、段落、表单、水平线、表格等等
HTML-列表
有序列表
<ol start="4" type="a"> //type=1,a,A,,,I,i(罗马数字)从第几个开始 <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol>
无序列表
//前边带点那种 <ul type="disc"> //type=circle,square(前边的点类型) <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ul>
有序列表,无序列表都用<li> 定义列表项。
定义列表
<dl> //定义列表开始 <dt>计算机</dt> //dt定义定义项目。 <dd>用来计算的仪器 ... ...</dd> //dd定义定义的描述。 <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl> 每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器。
HTML <span> 元素是内联元素,可用作文本的容器。
相关文章推荐
- 20160112html学习笔记表格列表
- HTML学习笔记----布局和表格
- html的学习二--类,块,表格,列表。布局元素和属性总结
- HTML学习笔记五 列表标签+表格标签
- HTML学习笔记二表格基础
- 黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列
- html学习笔记:基本结构,排列清单,表格
- HTML学习笔记3―表格
- HTML学习笔记【5】使用表格
- html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口
- CSS样式(链接、列表、表格、轮廓)学习笔记
- HTML学习笔记之列表控件 无序列表 ul(Unordered List) 、有序列表 ol(Ordered List) 、定义列表 dl(Definition List)
- CSS+HTML网页设计与布局(学习笔记1)
- HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
- HTML学习笔记(5)--表格
- HTML学习笔记[4]使用列表
- Html基础学习四:列表,超链接,表格,层,框架,表单
- HTML学习笔记【4】使用列表
- HTML、CSS和JavaScript学习五(案例分析二表格、项目列表和超链接)
- Dreamweaver学习笔记1:html表格属性练习