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:是否显示边框