语法和规范
1、所有的html文件后缀名都是以.html或者.htm结尾的,建议使用.html结尾。
2、整个html文件分别有头部分<head></head>和体部分<body></body>组成。
3、html标签都是由开始标签和结束标签组成(<br />)。
4、html忽略大小写,建议大家使用小写。
标题标签
标题标签使用<h1></h1>....<h6></h6>.
特点:加粗加黑显示,单独占一行,与其它有一定的行间距。
注释
<!-- 标题标签 --> 快捷键:ctrl + /
水平线标签
水平线标签:<hr/>
段落标签
段落标签:<p></p>
字体标签
字体标签使用<font></font>;
必须结合其属性才能具备一定的样式效果。
设置颜色:color (可以是英文单词也可是十六进制)
设置字体:face (那些字体必须是你本机已经有的)
设置大小:size (从1到7逐渐变大,超过7的部分按照7来显示)
图片标签
图片标签:<img />
图片的位置属性:src
src:
绝对路径:带有盘符的;
相对路径:1、如果是同级,直接写文件名称或者./文件名称
2、如果上一级:../文件名称(如果是多层,那么多写几个../)
3、如果是下一级:写目录名称/文件名称
width:设置图片的宽度
height:设置图片的高度
alt:当图片无法正常显示的时候给出提示信息。
列表标签
有序列表:<ol></ol>
属性:type有5个取值 start:起始位置,reverse:倒序
无序列表:<ul></ul>
属性:type有3个取值
超链接标签
<a href="#" target="_self或者_blank">点我</a> # 代表页面不发生跳转
表格标签
表格标签使用的是<table></table>
<table>
<tr>
<td></td>
</tr>
</table>
table属性:
边框:border
宽度:width
高度:height
背景颜色:bgcolor
边框与边框:cellspacing
边框与内容:cellpadding
居中显示:align
表格的跨行、跨列操作是针对单元格的!
cellspacing:设置边框与边框的间距;cellpadding:设置的是边框与内容的间距;
跨列:colspan;跨行:rowspan; 都是作用在单元格td上的属性。
网站后台管理系统页面
框架集结构标签
<frameset></frameset> 此标签的作用是将页面进行区域的划分。
属性:
cols:进行垂直切割划分,可以切割为任一块。(参数的值相加等于100%,其中有一块可以使用*表示)
rows:进行水平切割划分,可以切割为任一块。(参数的值相加等于100%,其中一块可以使用*表示)
<frameset>标签不能放到<body>标签里面;
一旦区域划分之后,我们需要对具体的区域进行内容的填充,此时需要使用<frame></frame>标签。
frame属性:
src:指定该区域显示的文件(路径)
name:它通常会结合超链接的target属性使用,来定义最终的显示位置。