HTML:超文本标记语言。
1、如何查看HTML页面的源代码
（1）把鼠标的光标移动到网页中的某个位置（不要放在图像上），然后右击->查看源文件；
（2）在浏览器菜单栏上，选择菜单中的查看->查看源文件。
2、HTML的一些基础知识
（1）定义网页的定时跳转
<meta http-equiv="refresh" content="跳转时间; url=跳转的页面地址">
（2）设置网页的背景色
<body bgcolor="网页背景色"> <body text="文字的颜色">
（3）设置网页的背景图片
<body background="背景图片的地址">
如果在网页中既使用bgcolor设置了背景色，又使用background设置了背景图片，那么浏览器会用背景图片覆盖背景色。
（4）设置网页边距
<body topmargin="上边距的值" leftmargin="左边距的值" rightmargin="右边距的值" leftmargin="左边距的值" bottommargin="下边距的值">
（5）设置文字大小
<font size="文字大小">被设置的文字</font>
size属性的值有相对与绝对两种定义，从1到7的整数代表字体大小的绝对字号，而从-4到+4的整数（不包含0）是相对于3号的放大与缩小字号，其中+号不能省略。
（6）设置文字字体
<font face="字体的名称">被设置的字体</font>
face属性值可以有1个或多个，默认情况下，使用第一种字体显示，如果浏览器没有第一种字体，则使用第二种，依次类推。如果设置的字体都不存在，则会以默认字体显示。
（7）设置字体颜色
<font color="字体的颜色">被设置的字体</font>
（8）设置文字粗体
<b>被加粗的文字</b>或者<strong>被加粗的文字</strong>
（9）设置文字斜体
<i>斜体的文字</i>或者<em>斜体的文字</em>或者<cite>斜体的文字</cite>
（10）设置上标与下标
<sup>上标内容</sup> <sub>下标内容</sub>
（11）设置文字删除线
<strike>删除的文字</strike>或者<s>删除的文字</s>
（12）设置文字下画线
<u>有下画线的文字</u>或者<ins>有下画线的文字</ins>
3、使用P标记设计段落格式
（1）使用<p>开始一个新段落
<p>段落的内容</p> 可以使用成对的p标记包含一个段落，也可以使用单独的<p>标记来划分段落。
（2）设置一个段落文字的对齐格式
<p align="对齐方式"></p> align的取值有：left-左对齐，rignt-右对齐，center-居中对齐。
（3）设置段落的文字方向
<bdo dir="文字方向">文字内容</bdo> 文字方向由dir属性指定，ltr-从左到右，trl-从右到左，默认为从左到右。
（4）空字符
4、水平线
（1）用hr标记在网页中添加一条水平线来分隔不同的文字内容。
<hr width="宽度" size="高度" color="水平线的颜色" align="对齐方式" noshade> noshade在网页中去掉水平线的阴影。
5、文字滚动
（1）滚动方向 默认是从右向左，即向左滚动。
<marquee direction="滚动方向">滚动的文字</marquee> direction的值有up down left right四个，分别代表向上、向下、向左和向右滚动。
（2）滚动方式 默认是循环滚动
<marquee behavior="滚动方式">滚动的文字</marquee>
behavior的值有scroll、slide和alternate；分别表示循环滚动、只滚动一次和来回交替滚动。
（3）滚动次数
<marquee loop="滚动次数">滚动的文字</marquee> loop的值为整数
（4）滚动速度
<marquee scrollamount="滚动速度">滚动的文字</marquee>
（5）滚动背景宽度和高度
<marquee width="背景宽度" height="背景高度">滚动的文字</marquee>
6、有序与无序列表
（1）无序列表
<ul type="符号类型">
<li>列表项</li>
<li>列表项</li>
.....
</ul> 当type属性为disc时，项目符号为小黑圆点;为circle时，项目符号为小圆，为square时，项目符号为小黑正方形。
（2）有序列表
<ol type="符号类型">
<li>列表项</li>
<li>列表项</li>
<ol> type的值可以为1，a，A，i，I等。
7、在网页中使用图像
（1）<img src="图像文件的路径及名称">
属性有alt：设置图片无法显示时的提示文字；
height和width、border(设置图像边框)、hspace(图像与文字之间的水平距离)、vspace(垂直距离)、align(图像的对齐方式)
8、在网页中使用背景音乐
<bgsound src="音乐文件的路径及名称" loop="播放次数"> loop=true表示无限循环播放。
9、在网页中使用多媒体
<embed src="多媒体的路径及名称" width="播放器的宽度" height="播放器的高度" autostart="是否自动播放" loop="是否循环播放"></embed>
10、在网页中使用超链接
（1）基本超链接
<a href="链接路径" target="目标窗口的打开方式">链接内容</a>
target的值有_self(默认)、_blank、_top、_parent。
（2）使用锚点链接
首先要创建锚点 <a name="锚点的名称"></a>
在同一页面中使用锚点<a href="#锚点的名称"></a>
在不同页面中使用锚点<a href="链接路径#锚点的名称"></a>
11、表格
<table align="对齐方式" border="边框宽度值" bordercolor="边框颜色值" bgcolor="表格背景色" cellspacing="间距值"
cellpadding="内容与边框的间距值">
<tr height="行的高" align="行的对齐方式" bordercolor="边框颜色值" bgcolor="背景颜色" >//表格的行
<td height="高度" width="宽度" colspan="跨的列数值" rowspan="跨的行数值" >//表格的单元格属性
12、表单标记form
（1）<form action="表单的处理程序" method="提交方法" name="表单的名称" enctype="编码方式">
提交方法有两种get(默认，会将表单内容附加在URL地址后面)和post。
（2）文本框
<input type="text" value="文本框内的默认值" name="文本框的名称" size="文本框的长度" maxlength="最大字符数">
（3）密码框
<input type="password" value="密码框的默认值" name="密码框的名称" size="密码框的长度" maxlength="密码框的最大字符数">
（4）单选按钮
<input type="radio" value="单选按钮的值" name="单选按钮的名称" checked>
checked表示单选按钮被选中，一组当中只能设置一个。
（5）复选框
<input type="checkbox" value="复选框的值" name="复选框的名称" checked>
checked表示单选按钮被选中，一组当中可以设置多个。
（6）普通按钮
<input type="button" value="按钮的值" name="按钮的名称">
value的取值就是显示在按钮上的文字。
（7）重置按钮 <input type="reset" value="按钮的值" name="按钮的名称">
（8）提交按钮 <input type="submit" value="按钮的值" name="按钮的名称">
13、框架
<frameset rows="frame窗口1高度，frame窗口2高度...">//水平分割，上下排列
<frame src="页面文件1地址">
<frame src="页面文件2地址">
<frameset>
cols表示垂直分割，左右排列
<frame src="框架页面地址" name="框架名称" marginwidth="水平边距" scrolling="是否显示滚动条" marginheight="垂直边距" noresize> noresize表示让框架窗口表示大小不变。
14、浮动框架
<iframe src="页面地址" name="名称" width="宽" scrolling="是否显示滚动条" height="高" align="对齐方式" frameborder="是否显示边框"> </iframe>
浮动框架不需要在框架集中，可以放置在网页任何位置。
扫一扫
406
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
