HTML基础-优快云博客

1、HTML 文件结构

– <HTML>

• <HEAD>

– <title></title>

• </HEAD>

• <BODY>

– HTML 文件的正文

• </BODY>

– </HTML>

2、常用的标签及其属性

1）<body>

background属性标志HTML文档的背景图片。如： background=“images/bg.gif"。可以使用的图片格式为GIF，JPG

text属性标志HTML文档的正文文字颜色。如：text=“#FF6666”Text元素定义的颜色将应用于整篇文档。

超级链接颜色link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色

leftmargin和topmargin设置网页主体内容距离网页顶端和左端的距离如：leftmargin="20" topmargin="30“

2）文字属性

<front color=“#” face=“” size=“”>分别定义了字体的颜色，字体，大小

<p align=”center”>*</p> 可以设置文字的布局，有center,left,right三种属

3)文字的分区显示

<div align=#> ... </div> <div>层经常用来布局

4）表格属性

结构为：<table><tr><td>**</td><td>**</td></tr></table> 这样就可以得到一行两列的表

格，表格常用来布局，cospan=”3” 表示占两列，表格布局的缺点是标签太多，执行的速度慢。

5）列表

无序列表：<ul><li>**<li/><li>**<li/></ul>

<ul>元素有type属性，通过定义不同的type属性可以改变列表的项目符号。type属性的属性值有：disc(圆)、circle（圆圈）、square（方块），无序列表常用来作导航栏。

有序列表：<ol><li>**<li/><li>**<li/></ol>

<ol>元素也有自己的type属性，type属性的属性值有1、A、a、I、i

6）表单<form>

表单是用来向服务器提交数据的，主要的属性有：action=“提交后处理的动作”,

method=”提交类型”，有post和get方法，一般使用post方法，因为get方法容易出现乱码7）标签<input>

其主要的属性：type属性，有submit提交，按钮button，reset重置，text文本输入框，name

属性，定义了这个属性后，如果这些组件是放在表单里面的，那么在后台就可以根

据这个属性取得它的值

3 网页的框架

基本语法：

<frameset>有两个属性：rows和colsRows定义上下分割的框架的大小；cols定义左右分割的框架的大小；在定大小时，rows和cols可以使用相对大小或以百分比为单位。

窗口横向排列例子

– <frameset rows=#>横排多个窗口
<frameset rows=30%,20%,*>
<frame src="A.html">
<frame src="B.html">
<frame src="C.html">
</frameset>
排列方式： A
B
C

小结：html是一种标签语言，它的标签很多，属性也很多，不可能把全部的都记住，也没有必要，只需要记住一些常用的

，其他的用到时在查资料，或许这样的效果会更好，html语言需要多练，才能运用自如。

html基础