静态html回顾<2>
2012-04-07 17:34
141 查看
6.主体标签
如同树的主体是树杆一样,html文件也有其主体,也就是该网页的布局代码。而这些代码,就保存在<body></body>之间。
eg:
<html>
<body>
<a href="www.baidu.com">我不是百度广告</a>
</body>
</html>
上面就是一个相对完整的html网页的代码
7.表格
表格式是网页元素中佷重要的组成部分,网页个元素的排列组合是有规律的,而这种规律,往往是通过表格来表现的。
<table></table>标签。
我们都知道,表格有行也有列,所以,table标签下又分了<td><tr>
a. tr的作用在于定义行,有几行,定义几个<tr>标签。
b. td的作用在于在行内定义列,因此,<td>标签的正常使用必须被蕴含在<tr>标签对内
eg:<table border="1">
<tr>
<td>行一列一<td>
<td>行一列二</td>
</tr>
<tr>
<td>行二列一</td>
<td>行二列二</td>
</tr>
此外,像标题,表格也有表头,在这里,用<th>定义。
我觉得很重要一点,不像<h1><h2>这样的标题定义标签,<tr><td>的使用只能按照使用的顺序来写,并不能靠数字来定义。
不妨在看看几个<table>标签的属性,上面的border的作用就是是否显示边框
8.列表
很多时候,我们要一项一项的列出一些项目,这个时候列表就很重要了。
html为我们提供了3种列表,有序,即按照数字的顺序做前标来表示项目。无序,用原点的方法表示。自定义,就是自定义了。很多时候是以下一行内缩来表示的。
无序eg:
<ul>
<li>123</li>
<li>234</li>
</ul>
有序eg
<ol>
<li>1</li>
<li>2</li>
</ol>
自定义
<dl>
<dt>1项</dt>
<dd>我是第一项的内容</dd>
<dt>2项</dt>
<dd>我是第二项的内容</dd>
</dl>
9.背景
背景更像是属性,而不是标签、
body的背景可以是颜色也可以是图案
颜色eg
<body bgcolor="red">
用图案
<body background="asdfasdf.gif">
但是!!!!!!!!!!!!!!!!!!!!!!
由于w3c逐步放弃了这种简单的定义方式,所以。对于网页外在的表现还是css更在行!
如同树的主体是树杆一样,html文件也有其主体,也就是该网页的布局代码。而这些代码,就保存在<body></body>之间。
eg:
<html>
<body>
<a href="www.baidu.com">我不是百度广告</a>
</body>
</html>
上面就是一个相对完整的html网页的代码
7.表格
表格式是网页元素中佷重要的组成部分,网页个元素的排列组合是有规律的,而这种规律,往往是通过表格来表现的。
<table></table>标签。
我们都知道,表格有行也有列,所以,table标签下又分了<td><tr>
a. tr的作用在于定义行,有几行,定义几个<tr>标签。
b. td的作用在于在行内定义列,因此,<td>标签的正常使用必须被蕴含在<tr>标签对内
eg:<table border="1">
<tr>
<td>行一列一<td>
<td>行一列二</td>
</tr>
<tr>
<td>行二列一</td>
<td>行二列二</td>
</tr>
此外,像标题,表格也有表头,在这里,用<th>定义。
我觉得很重要一点,不像<h1><h2>这样的标题定义标签,<tr><td>的使用只能按照使用的顺序来写,并不能靠数字来定义。
不妨在看看几个<table>标签的属性,上面的border的作用就是是否显示边框
8.列表
很多时候,我们要一项一项的列出一些项目,这个时候列表就很重要了。
html为我们提供了3种列表,有序,即按照数字的顺序做前标来表示项目。无序,用原点的方法表示。自定义,就是自定义了。很多时候是以下一行内缩来表示的。
无序eg:
<ul>
<li>123</li>
<li>234</li>
</ul>
有序eg
<ol>
<li>1</li>
<li>2</li>
</ol>
自定义
<dl>
<dt>1项</dt>
<dd>我是第一项的内容</dd>
<dt>2项</dt>
<dd>我是第二项的内容</dd>
</dl>
9.背景
背景更像是属性,而不是标签、
body的背景可以是颜色也可以是图案
颜色eg
<body bgcolor="red">
用图案
<body background="asdfasdf.gif">
但是!!!!!!!!!!!!!!!!!!!!!!
由于w3c逐步放弃了这种简单的定义方式,所以。对于网页外在的表现还是css更在行!
相关文章推荐
- 静态html回顾<1>
- HTML学习 <2>
- web.xml中配置访问资源URL<url-pattern>/</url-pattern>时无法访问.html、.jsp、.js、.css等静态资源时的解决方案
- Java笔记2 面向对象<2>static关键字、main函数、静态运用、单例设计模式
- 【<私活案例1>】 某游戏网首页PS设计和Html静态效果源码
- web.xml中配置访问资源URL<url-pattern>/</url-pattern>时无法访问.html、.jsp、.js、.css等静态资源时的解决方案
- (BCB) CComPtr<IHTMLDocument2> FIEDoc;
- 静态网页,JS代码 统计网站访问量<也支持html>
- 【<私活案例1>】 某游戏网首页PS设计和Html静态效果源码
- HTML&CSS&DIV基础<2>
- 【<私活案例1>】 某游戏网首页PS设计和Html静态效果源码
- HTML关键字<2>
- JSP静态导入其它文件(<%@include file="John.html"%>)
- web.xml中配置访问资源URL<url-pattern>/</url-pattern>时无法访问.html、.jsp、.js、.css等静态资源时的解决方案
- HTML<input>标签
- 并行计算之路<2>——CUDA与纹理映射
- HTML——给图片<img>标签加上超链接
- HTML <!DOCTYPE> 标签
- html <span>标签的取值和赋值
- html基础 <p> align属性 左对齐,右对齐,居中