8.29 html文件与标签

HTML文件格式

<html>

        <head>

                <title>网页标题</title>

</head>

<body>

网页的正文

</body>

</html>

标签

格式

双标签格式:<标签名 属性="属性值">内容</标签名>

举例:<font color="blue" size="4px">望月</font>

单标签格式:<标签名 属性="属性值">

举例:<br>(这是一个换行标签)

撰写规范

HTML标签不区分大小写、属性可有可无、标签可以互相嵌套,但是一定要注意嵌套顺序

常用标签和属性

<body>标签

        格式:<body 属性="属性值">正文内容</body>

        属性:bgcolor   --网页的背景颜色

                   background    --网页背景图片地址

html文本修饰标记

        <b>文本内容</b>  --加粗文字

        <center>内容</center>  --将内容居中显示到网页

        <i></i>  --文本倾斜

        <u></u>  --文本加下划线

        <s></s>  --给文字加删除线

        <sub></sub>  --文字下标

        <sup></sup>  --文字上标

font标签

        用于修饰文字

        格式:<font 属性="属性值">文字内容</font>

        属性:size  --设置文字大小,取值1~7px

                   color  --设置文本颜色

                   face  --设置文字的字体

p标签:

        段落标签

        格式:<p 属性-"属性值">段落内容</p>

        属性:align  --水平对齐方式 (left左、right右、center居中)

h标签

        标题标签:<h1></h1>~<h6></h6>

        属性:align  --水平对齐方式(left、right、center)

无序列表ul标签

        格式:<ul 属性="属性值">

                   <li>

                   </li>

                   </ul>

属性:type(disc(实心圆点)、circle(空心圆)、square(实心黑方块)none(无属性))

有序列表ol标签

        <ol>

                <li></li>

        </ol>

属性:type(A  a  1  i  I)、start(数字)

图片标签img标签

        格式:<img 属性=属性值>

        属性:src(放置图片的路径)、width(指定图片的宽度)、height(指定图片的高度)border(为图片设置边框线)、align(图片的对齐方式)、hspace(指定文字与图片之间的水平距离)、vspace(指定文字与图片之间的垂直距离)

超链接标签a标签

跳转网页的作业

        属性:href(指定目标的url)、taget(指定新的链接打开的位置)、_blank(在新的窗口中打开目标文件或目标位置)、_self(在当前窗口打开目标文件)、_parent(在上一级窗口打开目标文件)

表格标签

        格式:<table 属性="属性值">

                        <tr><td></td></tr>

                        </table>

        <tr>表示一行、<td>表示一列

        table属性:width(设置单元格宽度)、height(设置单元表格高度)、border(设置表格边框的粗细)、bgcolor(设置背景颜色)、cellpadding(单元格的边线与内容之间的距离)、cell spacing(单元格与单元格之间的宽度)、align(对齐方式)、rules(合并相邻两个单元表格的边框线)

        tr属性:bgcolor(背景颜色)、height(行的高度) 、align(行中的文本水平居中)、valign(垂直居中取值 top(上) bottom (下) middle (中间))
        td或 th 标签:width(宽度)、height(高度)、bgcolor(单元格的背景颜色)、background(单元格的背景图片)、align(水平对齐(左 中 右))、valign(垂直对齐(上 中 下))、rowspan( 上下单元格合并。合并属性必须在一个单元格中 )、colspan(左右合并单元格)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值