html标签格式 8.29

<html>      标注标签中的内容是html语言

<head>   

表示网页头部信息   <tittle>网页的标题</tittle>

<head>

<body> body标签中存放的是网页的主体内容(网页的主体内容(网页的正文)<body>

</html>

双标记和单标记的属性

双标记:表示开始和结束标记,内容放在开始和结束标记之间,列如(标签是一个双标记标签,<br标签是单标记)

单标记:指的是只有开头,没有结尾的标记。

单边标记一般表示特殊功能,常用的单标标记有10个左右。

语法格式:<标签名称 属性=“属性值”属性2=“属性值2”

常用标签和属性

<body>标签 格式:<body 属性=“属性值”>

                    属性:bgcolor 网页背景颜色

                        backround;网页背景图片地址

<body bgcolor="#ffc0cb">    <body background="web.png">--设置网页背景图片

html文本修饰标记:

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

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

                            <i></i>: 文本倾斜  <u>内容></u>:给文字加下划线

<s>内容</s>:给文字加删除线 <sup>内容</sup>:文字上标 <sup>内容</sup>:文字下标

font标签

作用:修饰文字

案例;<font  color="red"  size=“4px” face="楷体”>最近忙啥呢</font>

p标签:

作用:是一个段落标签

br标签:换行标签:相对于p标签,br 换行的时不会有空白行。生成一个水平线

size:水平线的粗细,单位也是px

width;水平线的宽度,默认是整个网页的宽度。

图片标签img标签:

格式:<ing属性=属性值

属性:src放置图片的路径

width:指定图片的宽度

height:指定图片的高度

border:为图片设置边框线可以指定边框线的粗细

align:图片的对齐方式,center left right实现图片混排功能

hspace:指定文字和图片之间的垂直距离

vspace:指定文字和图片之间的垂直距离

<table border="3px" width="400"> ———生成一个表格

<tr>                         ————表格当中的行,每一对tr都是一行

<td>第一行第一列</td>

<td>第一行第二列</td>

<td>第一行第三列</td>

</tr>

<tr>

<td>第二行第一列</td>

</tr>

<tr>

<td>第三行第一列</td>

 </tr>

</table>

table标签的常用属性

widt:设置表格的宽度,可以是固定值,也可以是百分比(相对于整个网页的宽度的百分比)

height:设置表格的高度

border:设置表格边框的粗细

tr标签:

    bgcolor;设置背景颜色 

  height:行的高度

align:行中的文本水平居中

valign:垂直居中,取值 。top(上) botton:(下) middle:(中间)th标签是标题标签

rowspan:上下单元格合并,合并属性必须在一个单元格中 colspan:左右合并单元格

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值