本文详细介绍了HTML的基本框架与常用标签，包括文档结构、编辑软件、标题、字体、段落、图片、超链接、列表、表格及框架集等元素的使用方法与属性设置。
1.html的编写框架：
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
2.常用的编写软件：Hbuilder,
3.基础知识点：
1.<head>**</head>中的内容除了title，均不在网页中显示，
2.标签的属性写在开始标签中
3.水平线标签：<hr/>自闭和标签
属性：
size: 水平线粗细
noshade: 没有阴影
4.字体标签：<font></font>修改字体大写，颜色。属性：
size:字体大小
face: 选择字体的种类（宋体，圆体）
color:定义字体颜色 格式：用英文单词或#RGB（例：#ff0000)
5.标题标签：<hn></hn><h1>最大
6.格式化标签：<b> 加粗
<i> 倾斜
7.段落标签：<p></p>给文字分段，特点：上下有一定空白
8.换行标签：<br/>
9.图片标签：<img></img>
属性：src:图片的路径，路径分为两类：相对路径，绝对路径
相对路径：相当于文本所在文件夹 例：1.jpg../1.jpg. ...img/1.jpg
绝对路径：例：http:www.baidu.com/logo.png
height属性：设置图片高度，单位：px
weight属性：设置图片宽度，（若设置成百分比，只设置height和weight一个即可）
alt属性：当图像加载失败时图像的替代文本。
title属性：鼠标移动到图片上时显示的文字
10.超链接标签：<a>被点击的内容</a>属性：
herf:被点击后跳转的网页
target：指跳转后的目标位置，他的值可以是：
_self:在本页面打开超链接网页
_blank:在新的空白页面打开超链接网页
framename:在指定的框架里打开
11.列表标签：<ul></ul>:无序列表 <ol></ol>:有序列表
在列表标签中，必须有列表项<li></li>
ol与ul的区别：
ol的每一个列表项前有一个序号
ul的每一个列表项前是一个图案
共同属性：
type:设置有序列表的序号，无序列表的图案
ol的type值：1（默认），a,A,i,I
ul的type值：cicle,disc,square
12.表格标签：<table></table>属性：
weight：设置表格宽度
height：设置表格高度
align：整个表格在网页中的位置，值有：left，center，right
bgcolor:整个表格的背景颜色
border：表格边的宽度
子标签：行标签：<tr></tr>
align:行中内容的位置
单元格标签：<td></td>
align:单元格内容的位置
rowspan:跨行合并，值指的是跨几行
colspan:跨列合并，值指跨几列
特殊的单元格：表头<th></th>内容自动加粗并且居中
13.框架集：<frameset></frameset>(一般不用再body中，自身相当于body)
作用：把页面分割为几个部分
属性：rows:分行（例：（10%，20%，70%）分三行，各行占比
clos:分列（例：（10%，20%，70%）分三行，各行占比
上面的框架只是理论的划分，要显示效果必须配合子标签frame(每行一个）；frame的属性：
src:规定在框架中显示的文档的地址
name:规定框架名字
framename:是否显示边框
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
