基 础
团总支
广东药学院药科学院
学生会
——信息部培训资料
药科学院团总支学生会——信息部
目录
1、Html基本结构??????????????????????? 2 2、HTML头部标记?????????????????????? 2 3、网页的主题标记body???????????????????? 2 4、相对路径与绝对路径???????????????????? 3 5、标题字?????????????????????????? 3 6、文本的格式???????????????????????? 3 7、常用的段落标记?????????????????????? 4 8、特殊符号????????????????????????? 4 9、图像??????????????????????????? 5 10、列表 ?????????????????????????? 6 11、表格及其属性??????????????????????? 7 12、表格的行属性??????????????????????? 8
8 13、表格的单元格属性????????????????????? 9 14、超链接的使用???????????????????????
15、设置滚动效果??????????????????????? 9 16、插入多媒体文件?????????????????????? 10 17、框架及其属性??????????????????????? 10 18、Frame的常用属性????????????????????? 11 19、浮动框架iframe?????????????????????? 11 20、表单标记????????????????????????? 12 21、文本输入框和密码输入框?????????????????? 12 22、单选按钮和复选按钮???????????????????? 12 23、菜单、列表、文件域????????????????????13 24、隐藏域、文件域??????????????????????13
14 25、按钮???????????????????????????
1
药科学院团总支学生会——信息部 1. HTML基本结构
Html文件的基本结构 HTMl标签可以嵌套使用
html文件的基本标签，存放html的所有内容，放于html文件的开头与结尾。
指明文档的主体区域、网页上显示的内容放在这个标签内。——包括表格、图片、列表、文字段落等可以在记事本、开发工具（Dreamweaver、vs2008）中编写
2.HTML头部标记
Meta 元信息标记，次元素提供的信息不显示在页面中，一般用来定义页面的关键字、页面说明、刷新等。在html中meta标记不需要结束标记，一个html文件可以包含多个meta标记。Meta元素常用的属性有两个：name、http-equiv。Name 主要用来设置页面的关键字和描述信息等；http-equiv 用来定义网页的语言，当访客浏览网页时，浏览器会自动识别并设置网页中的语言。
3.网页的主体标记body
网页的主体部分，也就是要在浏览器中显示的所有信息都要放在body标签内部。Body标签可以设置网页的背景、文字属性和链接样式。 通过body标签的text属性设置文字的颜色Topmargin属性 设置页面与浏览器边框之间距离的上边距属性
2
药科学院团总支学生会——信息部 Leftmargin属性 设置页面与浏览器边框之间距离的左边距属性
默认情况下边距值以像素为单位，也就是说这两个属性值直接指定整数值即可
4.相对路径与绝对路径
绝对路径：即要求写出文件所在的完整的磁盘位置。
相对路径：就是指某一个物体相对于另一个物体来说所存在的位置。
同级目录下的文件：不需指定它所在的盘符，也就是说，同级目录下的文件直接指定被调用文件名就可以了。
下级目录：JPG\\itaok.jpg 浏览器在解释这个代码的时候，直接就在网页文件的同级目录里找JPG这个文件夹，然后再JPG文件夹里寻找图片文件。
上级目录：在路径前加“..\\”即可。..JPG\\itaok.jpg 在网页文件的上级目录的同级目录下有个JPG文件夹，在JPG文件夹里有一个itaok.jpg的图片文件。 若在上级目录仍有上级目录，则在路径前继续加“..\\”
使用相对路径的好处是不受存储位置的限制，现在我们把文件夹移动到任何位置，只要图片和网页文件的目录结构不变，路径就没有问题。因为我们设置的相对路径都是以网页文件，也就是调用者为坐标的，而不是以以文件所在盘符为坐标的，这样就不会产生路径的错误。
5.标题字
标题字标签放在body标签内。
标题文字
h是英文headline的简写，意思是大字标签。标题字标签一共有六个级别，h1到h6，h1代表最高级别，也就是标题文字的字体最大，而h6是最小级别标题字体最小。align可以取三个值：left左对齐；center居中对齐；right右对齐。
设置标题的文字颜色6.文本的格式
标记 用来控制字体、字号和文字颜色等属性，他是html中最基本的标记之一
设置字体名称。Face属性直接接受字体样式名称作为属性值，如“宋体”“黑体”等。使用face标签的face属性设置可以设置不同的字体，设置的字体效果必须在浏览器中安装相应的字体后才可以正确的浏览，否则有些特殊的字体会被浏览器中普通的字体所代替。因此网页中尽量减少使用过多的特殊字体，以免用户浏览时无法看到正确的效果。
设置字体颜色。font标签的color属性可以设置文字颜色，属性值是十六进制的颜色值。 3 药科学院团总支学生会——信息部 在HTMl中，有一些文本格式化标签是用来设置文字以特殊的方式显示，如：粗体标记、斜体标记、和文字的上下标等。 文本 粗体标记 文本 斜体标记 文本 下划线标签 上标标签。它可以成对出现在一段文字的任何地方，并允许嵌套使用，因此如果在sup标签里再使用sup标签，则里面的标签会变成上标的上标。 下标标签 大字号标签。Big标记可以用来增大文本中字号的大小，它所包含的文字都会在原来的基础上字号增加一级，如果有多个big标签作用于同一文本，那么字号会被逐级放大。 小字号标签。作用效果与big相反。 7.常用的段落标记 段落标记。是html文档中最常见的标记，一个 标签表示起始一个段落，这个标签没有结束标签，每一个新的段落标签开始的同时也意味着上一个段落标签的结束。 设置水平线宽度的width属性，可以是确定的像素值也可以是窗口的百分比 设置水平线高度的size属性，只能设置为像素值而不能用百分比的方式设置 设置水平线颜色的color属性，属性值为十六进制的颜色值 设置水平线对齐方式的align属性，属性值为left、center、right 去掉水平线阴影的noshade属性，这个属性没有值，只要在hr标签中写上这个属性，那么水平线就没有阴影效果了。 8.特殊符号 在网页创作中，有一些特殊的符号需要使用代码进行代替，一般情况下特殊符号的代码有前缀“&”、字母名称和后缀“;”组成，使用方法是想在哪插入特殊符号，就在哪个位置输入特殊符号的代码就可以了。 4
换行标记。其作用是在不另起一段的情况下将当前文本强制换行。其用法是在准备换行的位置上写上一个
标签即可。
html入门必学基础教程(精华归纳)
