html5常用标签table表格布局】的更多相关文章

html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织到表格的不同行列.那么,接下来我将讲解一下表格的常用属性. 1.首先,表格命令 表格的行:tr  每行中的列:td 表格的表头:<th></th>  默认加粗,单元格居中(居中.加粗) 表格标题:caption 跨列:colspan,当某个格跨n列时,其右边n-1个单元格需删除 跨行:…
超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开连接,默认:访问前是连接是蓝字+下划线,访问后是紫字+下划线: _parents或_self是在原有网页中打开连接. 锚点: 第一步:做锚点的标签 <a name="top"></a> 第二步:做锚点连接<a href="#top">…
第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签 <!--注释内容--> 注释 body的属性: bgcolor                 页面背景色 text                    文字颜色(规定所有文…
<html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html>    --结束标签注:成对存在 body的属性: bgcolor     页面背景色         background        背景壁纸.图片          text         文字颜色         top…
body的属性: bgcolor               页面背景色 text                    文字颜色 topmargin            上边距 leftmargin            左边距 rightmargin          右边距 bottomargin         下页边距 background          背景壁纸 一般标签: 字体格式控制标签 <font face="楷体" size="+3"…
一.常用的标签 <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> 下标 <sup> 上标 <pre> 原样标签: 原样标签会保留空格和换行符. <ol> <li> 有序的列表标签. <ul> <li> 无序的列表标签. 项目列表标签(dl dt dd) 行内标签(span) 块标签<div>…
<!--1.  html5 文本 --> <div> <header> <hgroup> <h1>h1</h1> <h2>h2</h2> </hgroup> </header> <article>article</article> <footer>footer</footer> </div> <!-- 2. html5 小…
table 布局最大的特点 1.同行等高 2.宽度自动调节   那么table-cell是不是具备这个特点呢?答案是yes,为什么呢?css中有一个有意思的规则“创建匿名表格元素”.   拿table-cell来扯,就是,当某个元素被设置为display:table-cell的时候,如果她的父节点不是display:table-row,爷爷节点不是display:table,这个儿子生出了他的爸爸和爷爷(浏览器会自动创建者两个匿名盒对象)   用途 1.等高布局 2.和vertical-alig…
*http://html5doctor.com/nav*http://html5doctor.com/article*http://html5doctor.com/section*http://html5doctor.com/asidehttp://html5doctor.com/divhttp://html5doctor.com/figurehttp://html5doctor.com/outlinehttp://html5doctor.com/semantics p 和 span 的理解 p…
1.行级元素标签:a.span.sup.sub.em.b.big.i.strong 2.块元素标签:div.p.h1~h6.ul.ol.li.table.form.article.footer.header.nav.section 3.行块元素标签:img.input.button 4.display为table-cell:th.td 5.display为table-row:tr 行级元素标签,块级元素标签以及行块元素标签的特点: 1.行级元素:(1)同排序跟显示: (2)不支持宽高的设定,宽高…