HTML学习_01
浏览数：13 /
时间：2015年06月09日
html总结
html是一门标记语言，也就是不经过编译就能直接运行的语言，不像是c/c++/java等等需要转换成二进制码，
html是一门最基本的学科，提供了一个框架，提供了各种标签和规则，使得语言学起来很简单，html‘使用最
多的应该是超链接，这也就构成了各种网页之间的交流。
超链接使用的是：
<a></a>标签
<a href="l链接地址"></a> eg:<a href="www.baidu.com"></a>
<a href="本地网页"></a> eg:<a href="01.html"></a>
邮箱的超链接和其他的不太一样
<a mailto="邮箱地址"></a> eg：<a mailto="[email protected]"></a>
超链接再打开新窗口的时候还有几种模式：
eg:<a href="www.baidu.com" target="_blank"></a>
<a href="www.baidu.com" target="_self"></a>
其中_blank是在一个新窗口中打开的，而self是替换当前的窗口。
表格：
<table>
<tr>
<td></td>
</tr>
</table>
<table>是表格的一个标签，tr便是一行，td是一行中的一个小元素。
特别注意这里很容易搞乱，就是几行几列，我特别容易搞乱，可能是智商着急。。。
还有两个特别重要的标签：
colspan 表示一行合并，就像excel中的合并单元格中合并一行中某几个单元格
rowspan表示一列合并，就像excel中的合并单元格中合并一列中某几个单元格
语法：
colspan=2就好，在这同时应该把本行的一个td删除一个，不然就多出一个单元格
rowspan=2时，应删除下一行的一个单元格
在建立表格的时候，应该先计算好表格的宽和高
表格中的几个标签：
coellspacing是表示表格单元之间的间距
表格基本上就这么多东西，下面是一个课程表：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 xhtml 12小时入门教程" />
</head>
<body>
<table width="600px" height="500px" border="1px" cellspacing="0px" align=center>
<tr align=center>
<td height="30px" colspan=2></td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr height="100px" align=center>
<td height="200" rowspan=2>上午</td>
<td width="30px">一</td>
<td>大学英语</td>
<td>硬件组装与维修</td>
<td>大学英语</td>
<td>高等数学</td>
<td>线性代数</td>
</tr>
<tr align=center>
<td width="30px">二</td>
<td>大学体育</td>
<td></td>
<td>计算机组装与维护</td>
<td></td>
<td>马克思原理</td>
</tr>
<tr height="100px" align=center>
<td height="200" rowspan=2>下午</td>
<td width="30px">三</td>
<td>线性代数</td>
<td>高等数学</td>
<td></td>
<td>大学英语</td>
<td></td>
</tr>
<tr align=center>
<td width="30px">四</td>
<td></td>
<td></td>
<td>家电维修</td>
<td></td>
<td></td>
</tr>
<tr align=center>
<td colspan=2>晚上</td>
<td></td>
<td></td>
<td>摄影</td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
***********************************************************************************
框架：
<frameset>
</frameset>
使用这个标签就是把一个页面分割成很多页面，这个布局可以自己设定，
感觉和表格分割有点类似，比如cols和rows，很相似的。
比如有三个网页：top.html,left.html,right.html要集成在一个网页all.html中
可以这么设定：
<frameset cols="20%,*">或者是<frameset cols="20%,80%">
<frame src="top.html"> </frame>
<frameset rows="50%,*">或者是<frameset rows="50%,50%">
<frame src="left.html"></frame>
<frame src="right.html"></frame>
</frameset>
</frameset>
就表示将all.html分成三个框架，其中上边的占了20%，左边的占了剩下80%的50%，右边是剩余的。
还有就是列表：
列表又分为无序列表和有序列表，无序列表更加常用。他们只是标签不一样，其他的使用方法都是一样的。
无序列表:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
有序列表：
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
列表可以设置type：
<ul type="desc">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
表示无序列表前面的序号是一个实心方块，还有很多类型，详见帮助文档。
html是一门标记语言，也就是不经过编译就能直接运行的语言，不像是c/c++/java等等需要转换成二进制码，
html是一门最基本的学科，提供了一个框架，提供了各种标签和规则，使得语言学起来很简单，html‘使用最
多的应该是超链接，这也就构成了各种网页之间的交流。
超链接使用的是：
<a></a>标签
<a href="l链接地址"></a> eg:<a href="www.baidu.com"></a>
<a href="本地网页"></a> eg:<a href="01.html"></a>
邮箱的超链接和其他的不太一样
<a mailto="邮箱地址"></a> eg：<a mailto="[email protected]"></a>
超链接再打开新窗口的时候还有几种模式：
eg:<a href="www.baidu.com" target="_blank"></a>
<a href="www.baidu.com" target="_self"></a>
其中_blank是在一个新窗口中打开的，而self是替换当前的窗口。
表格：
<table>
<tr>
<td></td>
</tr>
</table>
<table>是表格的一个标签，tr便是一行，td是一行中的一个小元素。
特别注意这里很容易搞乱，就是几行几列，我特别容易搞乱，可能是智商着急。。。
还有两个特别重要的标签：
colspan 表示一行合并，就像excel中的合并单元格中合并一行中某几个单元格
rowspan表示一列合并，就像excel中的合并单元格中合并一列中某几个单元格
语法：
colspan=2就好，在这同时应该把本行的一个td删除一个，不然就多出一个单元格
rowspan=2时，应删除下一行的一个单元格
在建立表格的时候，应该先计算好表格的宽和高
表格中的几个标签：
coellspacing是表示表格单元之间的间距
表格基本上就这么多东西，下面是一个课程表：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 xhtml 12小时入门教程" />
</head>
<body>
<table width="600px" height="500px" border="1px" cellspacing="0px" align=center>
<tr align=center>
<td height="30px" colspan=2></td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr height="100px" align=center>
<td height="200" rowspan=2>上午</td>
<td width="30px">一</td>
<td>大学英语</td>
<td>硬件组装与维修</td>
<td>大学英语</td>
<td>高等数学</td>
<td>线性代数</td>
</tr>
<tr align=center>
<td width="30px">二</td>
<td>大学体育</td>
<td></td>
<td>计算机组装与维护</td>
<td></td>
<td>马克思原理</td>
</tr>
<tr height="100px" align=center>
<td height="200" rowspan=2>下午</td>
<td width="30px">三</td>
<td>线性代数</td>
<td>高等数学</td>
<td></td>
<td>大学英语</td>
<td></td>
</tr>
<tr align=center>
<td width="30px">四</td>
<td></td>
<td></td>
<td>家电维修</td>
<td></td>
<td></td>
</tr>
<tr align=center>
<td colspan=2>晚上</td>
<td></td>
<td></td>
<td>摄影</td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
***********************************************************************************
框架：
<frameset>
</frameset>
使用这个标签就是把一个页面分割成很多页面，这个布局可以自己设定，
感觉和表格分割有点类似，比如cols和rows，很相似的。
比如有三个网页：top.html,left.html,right.html要集成在一个网页all.html中
可以这么设定：
<frameset cols="20%,*">或者是<frameset cols="20%,80%">
<frame src="top.html"> </frame>
<frameset rows="50%,*">或者是<frameset rows="50%,50%">
<frame src="left.html"></frame>
<frame src="right.html"></frame>
</frameset>
</frameset>
就表示将all.html分成三个框架，其中上边的占了20%，左边的占了剩下80%的50%，右边是剩余的。
还有就是列表：
列表又分为无序列表和有序列表，无序列表更加常用。他们只是标签不一样，其他的使用方法都是一样的。
无序列表:
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
有序列表：
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
列表可以设置type：
<ul type="desc">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
表示无序列表前面的序号是一个实心方块，还有很多类型，详见帮助文档。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
