简介：昨天介绍了linux的常用命令，今天介绍html标签的使用。包含经常使用的div，span，p，ul，li，H1-H6，表格等等标签的使用。课堂笔记知识点：一、网站如何工作二、xhtml介绍和基础三、xhtml实体四、无序和有序列表五、 ...
| 昨天介绍了linux的常用命令，今天介绍html标签的使用。包含经常使用的div，span，p，ul，li，H1-H6，表格等等标签的使用。
课堂笔记 知识点：一、网站如何工作二、xhtml介绍和基础三、xhtml实体四、无序和有序列表五、图像六、表格应用七、超连接八、练习：公司成本报表一、网站如何工作c/s:b/s:网站：没有业务流程。酒店管理系统：oa工作：二、xhtml介绍和基础1、html hyperText markup language(超文本标记语言)2、xhtml extensible hyperText markup language(扩展的超文本标记语言)xhtml :标记语言：<标记名称>3、标记分类：单标记：<标记名称 />双标记：<标记名称>文本内容</标记名称>4、标记属性：属性：事物的特性。我的理解：事物能用“有”来形容的<标记名称 属性名称="属性值" 属性名称="属性值 " 属性名称="属性值 " />注意；1> 无序2> 每个属性都不是必须的。3> 属性名称="属性值"5 xhtml文档结构：xhtml:静态页面：.html .htm shtml<title> 标题标记</title>6 文本修饰：加粗 斜体....<b></b> 加粗<strong></strong><i></i> 斜体<em></em><u></u>下划线<s></s>删除线<sup></sup>上标<br>换行<p /> 段落 （换行加一空行）<hr /> 划线color="#00ff00"颜色width="400" 长度size="100" 粗细align="right 水平位置的左中右<font></font>color="#00FF00"size="+6" 大小face="华文彩云" 字体注意： 标记可以嵌套，标记遵循就近原则。三、xhtml实体特殊符号用实体来替代：>><<& &"单引号"双引号 空格 版权符号注册符号<hn> n范围1-6 文章标题标记 一次减小四、无序和有序列表无序列表：<ul type="square"><br><li>aaaaaaa</li><br><li>bbbbb</li><br><li>ccccc</li><br><li>dddddd</li><br></ul>有序列表<ol type="1"><br><li>aaaaaaa</li><br><li>bbbbb</li><br><li>ccccc</li><br><li>dddddd</li><br></ol><br>五、图像路径规则：绝对路径：c:/windows/system32/a.html相对路径：********平级：直接写文件名下一级:文件夹名称/文件名 images/aa/1.jpg上一级 ：..<img>src="路径"width="80"height="200"border="5" 边框七、超连接<a href="目标页面">页面显示的文字</a>跳转到外网：<a href="http://www.baidu.com">baidu</a>本地跳转：<a href="stydy_work.htm">studyWork</a>下载：<a href="images.rar">images</a>补充：图片超链接<a href="http://www.baidu.com"><img src="images/2.jpg" border="0"></a>六、表格应用*******<table><tr><td></td><td></td></tr></table>table属性主要属性border="1" 边框align="center|left|right" 水平位置width="600" 宽height="250"高cellpadding="0" 文字到边框的距离cellspacing="0" 边框的厚度辅助属性bordercolor="#00FF00" 边框色bgcolor="#CC0000" 背景色background="images/2.jpg" 背景图注意：背景图和背景色同时存在，背景图起作用。<tr> 行align="center" 该行的文字的水平位置bgcolor="#00FF00"height="40"valign="bottom" 垂直位置<td>alignvalignwidthheightcolspan=""合并列rowspan="" 合并行八、练习：公司成本报表实现的页面效果如下
实现效果 最后实战就是用table完成下面表格制作
|
