HTML基础:<body>标签(补充)

4、<a> 超链接标签(锚标签)

重要属性有三个:href、target、name

    href  超链接地址:可以是Web上任意资源,包括图片,网页,样式,脚本文件等。href="#"时,表示被链接页面就是当前页面。

    target  文档打开时要显示的目标位置,属性值一般有:_blank(新窗口中打开)、_self(默认,在超链接所在的容器中打开)、_parent(在超链接的父容器中打开)、_top(整个容器中打开)、name(框架名称)。

    name  锚记名称。作用:跳转到文档的某个地方。返回首页。

5、<img> 图形标签

行级标签,用来显示图片。

重要属性有:src、title、alt、width、height、align。

    src  图片地址。

    title  鼠标悬浮在图片上的文字。

      alt  图片找不到时要替换的文字。如果图片资源使用的是外网资源,则不会显示要替换的文字。如果使用的是本网站的资源(相对路径给出),则找不到图片时会显示替换的文字,并保留图片设置的宽高结构。

    align  图片周围文字的垂直对齐情况。常用的属性值有:top(与图片的顶部对齐)、middle(与图片的中部对齐)、bottom(默认,与图片的底部对齐)。

        width  图片的宽

        height  图片的高 (宽高两个属性只用一个会自动等比缩放.)

6、列表标签 

<ul> :无序列表标签

        <li>:列表中的每一项.

<ol> :有序列表标签

        <li>:列表中的每一项.

    <li>主要的属性有:type、value两个:

  • type指明项目的类型,属性值有:A,a,I,i,1,disc(实心圆),square(实心正方形),circle(空心圆)。
  • value表示序号值从几开始。

<dl> 定义列表

         <dt> 列表标题

         <dd> 列表项

<table>  表格标签

  • border:(表格边框)
  • align(水平对齐方式)
  • bgcolor(背景颜色)
  • cellpadding(内边距,单元格与内容之间的距离)
  • cellspacing(外边距,单元格的间距,设置为0时,表格变为实线表格)
  • width(表格的宽度,可以用%或者像素,最好通过css来设置长宽)

<caption>  表格的标题

<tr>  表格的数据行,table row

         <th>  表格的表头名称,与<td>不同在于文字采用加粗居中的形式显示,table head cell

         <td>  单元格,用来显示表格内容,table data cell

<thead>  表格头部,使结构更加分明

<tbody>  表格主体部分,使结构更加分明

rowspan  单元格竖跨多少行,作用在th或者td上

colspan  单元格横跨多少列(即合并单元格),作用在th或者td上

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值