本文详细介绍了HTML的基本语法和常用标签，包括文档结构、文本格式化、列表、链接等，并讲解了如何利用表单和框架实现交互及布局。
<p></p>
<p>
</p>
<pre></pre>
<ul type="circle">
<p align="center"><span style="color: #0033ff; font-size: large;">网页第一章</span></p>
<span style="color: #ff00ff; font-size: large;"><li>< meta >这个是在<head>标签括其来的，里面的主要属性有：
http-equiv="Content-Type" content="text/html"
charset="编码语种" 编码语种已知的有三种：简体中文网页为gb2312
繁体中文为 big5
纯英文网页为 iso-8859-1</li>
<li>< bgcolor="颜色" >是放在body里面的，是背景颜色的意思，存放形式和存放颜色一样</li>
<li>< background="路径" >同上，是背景图片的意思，通常二选一即可</li>
<li>< title >网站标题标签</li>
<li>< img >是存放图片属性，单一标签，里面可以存放
1.src="路径" 插入图片
2.align="对齐方式" 对齐方式有 top 前面 / middle 中间 / botton 后面
3.width="宽度" height="高度" 都是一象数计算
4.alt="文字" 当鼠标放在图片上显现的文字
5.border="厚度" 设置边框的</li>
<li>< br > 换行标签，也是一个单标签</li>
<li>< ../ ></li>返回上一级目录，在写路径的时候可以用
<li>< valign ></li>垂直对其方式，对齐方式有 top 上面 / middle 中间 / botton 下面
<li>< a > 超链接文本，里面可以放 href="跳转路径位置"
< a href="#" > 空连接
< a href="#from" > 表内跳转,必须要先做标记 < a name="from" > 把做标记的地方用一对<a>标签括起来
< a href="mailto:邮箱地址"> 这是邮箱连接</li>
<li>< p >是用来修饰段的，把是亿段文字的就可以括起来，里面可以放
1.align="对其方式" 分为left左边 / center 中间 / right 右边</li>
<li> < font >是修饰文字的属性，里面可以存放
1.size="字体大小" 取值范围1-7，其中7为最大
2.color="颜色" 可以写英文，也可以用16进制表示1-9，A-F。如：0000FF
3.face="字体" 字体是用中文书写，可以参考word里面的字体类型</li>
<li>< h1 >标题标签，分为1-6，其中1为最大</li>
<li>< pre > 文本格式标签，用它括起来的东西，你打的是怎么样，运行后的效果就怎么样 </li>
<li>< ol > 有序列表的属性，里面可以存放
< type="类型" > 类型分为五种：1 ， a , A , i , I
< li >是列表标签，把那里括起来，那里就会有一个标记</li>
<li>< ul > 有序列表的属性，里面可以存放
< type="类型" > 类型分为三种：
disc :表示实心圆点，同时也是默认值
circle ：表示空心圆
square : 空心正方形
< li >是列表标签，把那里括起来，那里就会有一个标记</li>
<li>< hr >是一个单标签，分割线，里面有属性
size=“厚度 ” color=”颜色“ width="宽度"</li>
<li>转义符号：
& nbsp; 空格
& gt; ( > )大于符号
& lt; ( < )小于符号
& quot； ("")一边的引号
& copy; ( © )版权号</li>
<li>< marquee >滚动标签，；里面可以存放属性
scrolldelay="时间" 用来设置滚动速度的
οnmοuseοver="this.stop()" 设置，当鼠标放在上面的时候，动态效果停止
οnmοuseοut="this.start()" 设置，当鼠标离开的时候，继续动态效果
direction="从那里开始出来" 一般有 : up上面/down下面/left左边/right右边
behavior="滚动方式" 滚动方式有三种：
scroll进去后，从另外一边又出来，一直重复
slide滚动到对面之后就停止了
alternate到达另外一边又反弹回来</li>
<li>图片常见的格式有 JPG GIF SWF BMP </li>
<p align="center"><span style="color: #0033ff; font-size: large;">网页第二章</span>
--表格基础</p>
<li>< table >创建表格的的标签，里面可以存放的属性有：
border="边框厚度"，用来设置边框
width="宽度"，用来设置表格的宽度
height="高度"，用来设置表格的高度
bordercolor="颜色"，用来设置边框颜色
bgcolor="颜色"，用来设置整个表格的背景颜色
background="路径"，用来设置背景图像
cellpadding="象数"，用来设置文字与边框的距离
cellspacing="象数"，有来设置表格内，框与框之间的距离
</li>
<li>< tr > 行标签，一对< tr >括起来算一行，它是被一对表格<table>标签括起来的
里面有属性：bgcolor="颜色" 用来设置行的背景颜色</li>
<li>< td > 列标签，一对< td >括起来算一列（一格），它是被一对行标签<tr>标签括起来的
<td>里面可以设置属性： rowspan="行数"，合并行
colspan="列数"，合并列
bgcolor="颜色" 用来设置列的背景颜色
align="对其方式" 分为left左边 / center 中间 / right 右边</li>
<li>< cols >是列的意思，加上span就是跨列，colspan</li>
<li>< rows >是行的意思，加上span就是跨行，rowspan</li>
<p align="center"><span style="color: #0033ff; font-size: large;">网页第三章</span>
--表单和框架</p>
<li>< form >是表单的一个容器，所有的表单元素都要写在这一对标签的里面，可以写多个，当提交按<br>钮为两个的时候，就要分别用两个form来包装，这样才能体现它提交的作用。里面有属性有：
name="名称" 不能少
method="方法" 分为post/get两种 建议用第一种，安全
action="路径" 看你提交到哪里去，经行页面间的跳转
</li>
<li>< input >表单标签，大部分的表单标签都是用这个标签，只是type属性不一样，他里面有属性：
name="名称" 必须都用，方便以后处理程序
value="默认值" 是用来写要在里面显示的文字的
size="象数" 用来设置文本框的长度"
maxlength="最大长度" 用来设置最大长度
checked="checked" 当属性为boolean属性的时候，设置指定的选项是否被选中
type="text" 单行文本框格式属性
="passwrod" 密码文本框，用于用户输入密码的时候，在输入的时候不给别人看见密码
="raido" 单选按钮，name属性要一样，value属性要和默认值相一致，直接传给电脑的
="checkbox" 复选框按钮，name也一样，value也要写
="submit" 提交按钮，用来提交的，用法同上
="reset" 重写按钮，用来从新填写内容的，用法同上
="button" 普通按钮，暂时没有什么实际意义，用法同上
="file" 上传按钮，用来上传图片和文件的按钮，用法同上
="image" 图像按钮，后面紧接src="路径"引入图片，其他同上
="hidden" 隐藏按钮，现在还暂时用不上。。</li>
<li>< select > 下拉按钮，可以让用户在里面进行选择，里面有属性：name</li>
<li>< option >在一对select里面，一对option包含的文字是用来个用户进行选择的，他有属性value和<br>默认被选中的属性selected="selected",不写的话就默认为你写的第一行option包含的文字为默认<br>文字，这些宽度是由文字大长度来控制的，可以使用空格来增加长度</li>
<li>< textarea > 多行文本框，里面书写的内容会全部显现出来，包括空格。里面有属性:
name="名称"
cols="列数" 设置一行最多能输入几个文字
rows="行数" 设置可以书写几行
readonly="readonly" 用来设置里面的内容能否被修改</li>
<li>< frameset >框架集：框架是个特殊的东西，有他的地方就不能有 body 的出现。他里面只能<br>插入网页，他只是管理布局，就算要修改网页的内容也只能去插入的网页中修改。里面有属性：
cols="?%,%?" 左右分割，可以用百分比， * 的话代表全部 也可以按比例来分 如 1，6 就是一比六
rows="?%,%?" 上下分割，可以用百分比， * 的话代表全部 也可以按比例来分 如 1，6 就是一比六
border="数字" 设置边框尺寸大小
frameborder="0/1" 设置是否边框框架</li>
<li>< frame >他包含在一对frameset表签里面，分为几部分就有几个frame标签，如果要再分<br>的话，就把要分的那个frame给删除，从新插入一个frameset标签，进行从新分配,里面有属性：
src="要插入的网页路径" 插入一个网页
name="名字" 跳转的时候也许要用
scrolling="auto/no/yes" 设置看是否有滚动条，auto是指自动生成
noresize 确定框架的边框能否被被用户拉大或者拉小</li>
<li>< a >这个A标签是你再插入的网页里的热点，当用户点击他的时候，看他是怎么跳转的<br>
以前的属性不变，要多加一个target的属性：
target="_self" 再指定的的窗口打开
="_blank" 新打开一个文件窗口
="_parent" 返回上一级窗口后，再打开
="top" 再整个浏览器窗口打开</li></span>
</ul>
<p>
</p>
<pre></pre>
<ul type="circle">
<p align="center"><span style="color: #0033ff; font-size: large;">网页第一章</span></p>
<span style="color: #ff00ff; font-size: large;"><li>< meta >这个是在<head>标签括其来的，里面的主要属性有：
http-equiv="Content-Type" content="text/html"
charset="编码语种" 编码语种已知的有三种：简体中文网页为gb2312
繁体中文为 big5
纯英文网页为 iso-8859-1</li>
<li>< bgcolor="颜色" >是放在body里面的，是背景颜色的意思，存放形式和存放颜色一样</li>
<li>< background="路径" >同上，是背景图片的意思，通常二选一即可</li>
<li>< title >网站标题标签</li>
<li>< img >是存放图片属性，单一标签，里面可以存放
1.src="路径" 插入图片
2.align="对齐方式" 对齐方式有 top 前面 / middle 中间 / botton 后面
3.width="宽度" height="高度" 都是一象数计算
4.alt="文字" 当鼠标放在图片上显现的文字
5.border="厚度" 设置边框的</li>
<li>< br > 换行标签，也是一个单标签</li>
<li>< ../ ></li>返回上一级目录，在写路径的时候可以用
<li>< valign ></li>垂直对其方式，对齐方式有 top 上面 / middle 中间 / botton 下面
<li>< a > 超链接文本，里面可以放 href="跳转路径位置"
< a href="#" > 空连接
< a href="#from" > 表内跳转,必须要先做标记 < a name="from" > 把做标记的地方用一对<a>标签括起来
< a href="mailto:邮箱地址"> 这是邮箱连接</li>
<li>< p >是用来修饰段的，把是亿段文字的就可以括起来，里面可以放
1.align="对其方式" 分为left左边 / center 中间 / right 右边</li>
<li> < font >是修饰文字的属性，里面可以存放
1.size="字体大小" 取值范围1-7，其中7为最大
2.color="颜色" 可以写英文，也可以用16进制表示1-9，A-F。如：0000FF
3.face="字体" 字体是用中文书写，可以参考word里面的字体类型</li>
<li>< h1 >标题标签，分为1-6，其中1为最大</li>
<li>< pre > 文本格式标签，用它括起来的东西，你打的是怎么样，运行后的效果就怎么样 </li>
<li>< ol > 有序列表的属性，里面可以存放
< type="类型" > 类型分为五种：1 ， a , A , i , I
< li >是列表标签，把那里括起来，那里就会有一个标记</li>
<li>< ul > 有序列表的属性，里面可以存放
< type="类型" > 类型分为三种：
disc :表示实心圆点，同时也是默认值
circle ：表示空心圆
square : 空心正方形
< li >是列表标签，把那里括起来，那里就会有一个标记</li>
<li>< hr >是一个单标签，分割线，里面有属性
size=“厚度 ” color=”颜色“ width="宽度"</li>
<li>转义符号：
& nbsp; 空格
& gt; ( > )大于符号
& lt; ( < )小于符号
& quot； ("")一边的引号
& copy; ( © )版权号</li>
<li>< marquee >滚动标签，；里面可以存放属性
scrolldelay="时间" 用来设置滚动速度的
οnmοuseοver="this.stop()" 设置，当鼠标放在上面的时候，动态效果停止
οnmοuseοut="this.start()" 设置，当鼠标离开的时候，继续动态效果
direction="从那里开始出来" 一般有 : up上面/down下面/left左边/right右边
behavior="滚动方式" 滚动方式有三种：
scroll进去后，从另外一边又出来，一直重复
slide滚动到对面之后就停止了
alternate到达另外一边又反弹回来</li>
<li>图片常见的格式有 JPG GIF SWF BMP </li>
<p align="center"><span style="color: #0033ff; font-size: large;">网页第二章</span>
--表格基础</p>
<li>< table >创建表格的的标签，里面可以存放的属性有：
border="边框厚度"，用来设置边框
width="宽度"，用来设置表格的宽度
height="高度"，用来设置表格的高度
bordercolor="颜色"，用来设置边框颜色
bgcolor="颜色"，用来设置整个表格的背景颜色
background="路径"，用来设置背景图像
cellpadding="象数"，用来设置文字与边框的距离
cellspacing="象数"，有来设置表格内，框与框之间的距离
</li>
<li>< tr > 行标签，一对< tr >括起来算一行，它是被一对表格<table>标签括起来的
里面有属性：bgcolor="颜色" 用来设置行的背景颜色</li>
<li>< td > 列标签，一对< td >括起来算一列（一格），它是被一对行标签<tr>标签括起来的
<td>里面可以设置属性： rowspan="行数"，合并行
colspan="列数"，合并列
bgcolor="颜色" 用来设置列的背景颜色
align="对其方式" 分为left左边 / center 中间 / right 右边</li>
<li>< cols >是列的意思，加上span就是跨列，colspan</li>
<li>< rows >是行的意思，加上span就是跨行，rowspan</li>
<p align="center"><span style="color: #0033ff; font-size: large;">网页第三章</span>
--表单和框架</p>
<li>< form >是表单的一个容器，所有的表单元素都要写在这一对标签的里面，可以写多个，当提交按<br>钮为两个的时候，就要分别用两个form来包装，这样才能体现它提交的作用。里面有属性有：
name="名称" 不能少
method="方法" 分为post/get两种 建议用第一种，安全
action="路径" 看你提交到哪里去，经行页面间的跳转
</li>
<li>< input >表单标签，大部分的表单标签都是用这个标签，只是type属性不一样，他里面有属性：
name="名称" 必须都用，方便以后处理程序
value="默认值" 是用来写要在里面显示的文字的
size="象数" 用来设置文本框的长度"
maxlength="最大长度" 用来设置最大长度
checked="checked" 当属性为boolean属性的时候，设置指定的选项是否被选中
type="text" 单行文本框格式属性
="passwrod" 密码文本框，用于用户输入密码的时候，在输入的时候不给别人看见密码
="raido" 单选按钮，name属性要一样，value属性要和默认值相一致，直接传给电脑的
="checkbox" 复选框按钮，name也一样，value也要写
="submit" 提交按钮，用来提交的，用法同上
="reset" 重写按钮，用来从新填写内容的，用法同上
="button" 普通按钮，暂时没有什么实际意义，用法同上
="file" 上传按钮，用来上传图片和文件的按钮，用法同上
="image" 图像按钮，后面紧接src="路径"引入图片，其他同上
="hidden" 隐藏按钮，现在还暂时用不上。。</li>
<li>< select > 下拉按钮，可以让用户在里面进行选择，里面有属性：name</li>
<li>< option >在一对select里面，一对option包含的文字是用来个用户进行选择的，他有属性value和<br>默认被选中的属性selected="selected",不写的话就默认为你写的第一行option包含的文字为默认<br>文字，这些宽度是由文字大长度来控制的，可以使用空格来增加长度</li>
<li>< textarea > 多行文本框，里面书写的内容会全部显现出来，包括空格。里面有属性:
name="名称"
cols="列数" 设置一行最多能输入几个文字
rows="行数" 设置可以书写几行
readonly="readonly" 用来设置里面的内容能否被修改</li>
<li>< frameset >框架集：框架是个特殊的东西，有他的地方就不能有 body 的出现。他里面只能<br>插入网页，他只是管理布局，就算要修改网页的内容也只能去插入的网页中修改。里面有属性：
cols="?%,%?" 左右分割，可以用百分比， * 的话代表全部 也可以按比例来分 如 1，6 就是一比六
rows="?%,%?" 上下分割，可以用百分比， * 的话代表全部 也可以按比例来分 如 1，6 就是一比六
border="数字" 设置边框尺寸大小
frameborder="0/1" 设置是否边框框架</li>
<li>< frame >他包含在一对frameset表签里面，分为几部分就有几个frame标签，如果要再分<br>的话，就把要分的那个frame给删除，从新插入一个frameset标签，进行从新分配,里面有属性：
src="要插入的网页路径" 插入一个网页
name="名字" 跳转的时候也许要用
scrolling="auto/no/yes" 设置看是否有滚动条，auto是指自动生成
noresize 确定框架的边框能否被被用户拉大或者拉小</li>
<li>< a >这个A标签是你再插入的网页里的热点，当用户点击他的时候，看他是怎么跳转的<br>
以前的属性不变，要多加一个target的属性：
target="_self" 再指定的的窗口打开
="_blank" 新打开一个文件窗口
="_parent" 返回上一级窗口后，再打开
="top" 再整个浏览器窗口打开</li></span>
</ul>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
