【前端】HTML

版权声明:本文为博主原创文章,如果喜欢欢迎收藏转载! https://blog.csdn.net/houwanle/article/details/83062886

语法和规范

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>;

必须结合其属性才能具备一定的样式效果。

扫描二维码关注公众号,回复: 3976544 查看本文章

设置颜色: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属性使用,来定义最终的显示位置。

猜你喜欢

转载自blog.csdn.net/houwanle/article/details/83062886