HTML结构:
1.所有内容都在<html></html>标签之内;<head></head>内放的是头部信息,是对页面的描述,
不会直接显示在页面中,<head>内的<title>中设置的是页面的标题,<title>只能放在<head>中;
<body>是页面的主体,大部分显示内容都定义在这里。
2.所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,
但是最好还是写完全了.
文字格式:
1.h标签,HTML定义了<h1></h1>到<h6></h6>六个h标签,分别表示不同大小的字体.
2.<br>只是回车,<p>是分段。<p>前后会有比较大的空白,而<br>则没有.
3.<center>要居中的内容</center>居中显示.
4.<b>a</b>粗体.<i>b</i>斜体.
5.<font></font>字体标签,<font color="red">红色</font>
<font size="30" color="red">红色</font> color size(字体大小) face(字体)
6.特殊字符:HTML中<、>是有特殊含义的、空格是不会被显示的(输入一个带空格的字符串看看),
所以需要特殊符号,相当于C#中的'\n'转义符。<(小于号,less than);
>(大于号,greater than); (空格,no-break space)
7.<hr>水平线. <hr> color(颜色) size(厚度) width(宽度) align(位置)=left(左边),center(中间),right(右边)
8.<pre> 预格式化 保持本色.在<pre>中写的内容,你怎么写的就怎么显示
颜色体系:
body标签的bgcolor属性可以设定网页的背景颜色,<body bgcolor="#006699">.
#006699这就是HTML中表示颜色的方式,每两个是一组,三组分别就表示R、G、B的值,
是16进制表示。
可以使用VS内置的颜色选择对话框生成RGB值,
也可以用取色器(比如DebugBar内置的取色器:打开IE,打开DebugBar工具栏,点击吸管图标);
HTML还预定义了一些颜色:red、black、white等,比如bgcolor="black"
URL:超链接
1.URL表示资源在网络的地址,比如:http://127.0.0.1/a.htm
2.超级链接:<a href="http://www.baidu.com">百度网</a>.
3.<a>中还可以嵌套图片,这样就是点击图片打开连接<a href=
"http://www.baidu.com"><img src="图片地址"></a>
4.相对URL:相对URL表示相对于当前文档的资源, "/"表示网站根目录,
"../"表示父目录,"../../"表示父目录的父目录,"./"或者不写任何
斜线表示相对于当前路径下的目录.站内引用最好用相对URL,这样域名改变了、
目录改变了都不受影响.
5.将<a>的target属性设定为"_blank"就可以在新窗口中打开超链接.国内网站
很多都是默认在新窗口打开.
6. 锚记:用name属性为<a>起名字:<a name="last"> 这里是最后</a>.
这样可以通过<a href="#last">转到平台</a>来跳转到超链接的部分
图片:
1.<img src="a.jpg"/>注意图片是乱接的,不是插入的,所以如果src指向
的文件不存在了,就看不了拉.alt属性为图片无法显示时的显示文本,
鼠标方式去也会有悬浮提示"点击查看大图";border属性指定边框,border
="0"不显示边框;width、height属性指定图片显示的大小,如果不指定则是
图片的原始大小
最好指定width、height,那怕是原始尺寸大小,因为如果不指定大小,图片会不占位置
,图片下载后才调整大小,会造成页面很乱,如果指定了大小哪怕图片没有加载完成
,也会先把位置占上.
列表、表格
1.无序列表: <UL>
<li>灌水区</li>
<li>版务区</li>
<li>原创贴图</li>
</UL>
IL(unordered list)
列表属性:Type=disc(实心圆) circle(空心圆) square(正方形)
2.有序列表:<ol></ol>用的很少.ordered list
列表属性:Type=1 a A
3.表格:<table></table>为表格,在内部通过<tr>创建行,<tr>内部
通过<td>创建单元格。可以将table的border属性设为0px来隐藏表格线
1)填充间距Cellpadding(内容和表格边线之间的距离)
cellspacing(单元格之间的距离)
2)<tr>的属性:align 水平对齐 可选值left、right、center;
valign 垂直对齐,可选值top、middle、bottom。
3)<td>也有align和valign.<tr align="right"><td>tom</td><td
align="left">20</td><td>男</td></tr>;子标签默认继承父标签的属性
,如果自己单独指定了属性,则会覆盖父标签的属性.
4)还可以用rowspan(合并行:rowspan="输入合并几个行")、colspan(合并列:colspan="输入合并几个列")
表单:
1.网站表单与填表
2.<form>标签为表单标签。如果要把数据提交到服务器,则需要将<input>、
<textarea>、<select>等表单元素放到form中。
3.<input>是主要的表单元素,type的可选值:submit(提交按钮)、
button(普通按钮)、checkbox(复选框)、file(文件选择框)、
hidden(隐藏字段)、image(图片按钮)、password(密码框)、
radio(单选按钮)、reset(重置按钮)、text(文本框)。
<input type="file" />