码迷,mamicode.com
首页 > Web开发 > 详细

HTML第二讲

时间:2017-07-26 00:06:10      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:水平   val   gif   它的   center   单元格   表头   无损压缩   cells   

    我们都知道,HTML是一种超文本标记语言,它负责网页的结构。而今天,我们来说一下html的图像属性,超链接丶锚点    和表格属性。

    图像的标签名为<img/>,他的常用属性有:

    

    Alt -- 代表图像的替代文字

    作用: 当图片不显示的时候出现内容 用于提醒用户本图片的内容

    Src -- 代表一个图像的源路径(就是图像的位置)

    Border -- 代表图片边框宽度

    Height -- 代表图像的高度

    Width -- 代表图像的宽度

    Title -- 提示字

                           常用格式:

    JPEG  -- 支持多种颜色可以有很高的压缩比  使用有损压缩 不支持透明

    

    GIF -- 最多支持256色 支持透明  支持多帧动画显示效果

    PNG -- 是一种新的图片技术 可以表现品质比较高的图片 使用无损压缩 支持透明 不支持动画

    超链接的标签名为<a></a>它的常用属性有

     

    Href -- 代表的是一个url链接源(就是你要链接到什么位置)

    Url除了是网页外 还可以是其他的文件(如:文本文件,图片等..)

    如果你要跳转到网站上的时候 必须要在href的里面写上我们的协议(http,https)

    Url还可以是指定一个html文件的一个位置

    target  用来指出哪个窗口或框架应该被此链接打开

         _blank  将连接内容在新窗口打开

         _parent 将连接内容 当前文件的上一个画面

        _self   将连接内容显示在目录的窗口中(默认值)

     Title -- 代表链接附加提示信息

    锚点的用法:

    声明锚点

            <a name="锚点名"></a>

        使用锚点

             内部使用方式

                  <a href="#锚点名"></a>

    外部使用方式

    <a href="./demo.html#锚点名"></a>

    <h1 id=”one”></h1>

    表格标签的使用:

    <table></table>

    常用属性:

      Border 边框 单位是像素  设置为0则不显示边框

      Width  表格宽度  可使用像素或者百分比

    Height  表格高度  可以使用像素或者百分

    Cellspacing 单元格间距 单位为像素 默认为2

    Cellpadding 单元格内边距 单位为像素 默认为1

    align 表格相对于周围元素的位置

     left(左边)|center(中间)|right(右边)

                 Bgcolor 背景颜色

    Background 背景图片

         2. 行标签

    <tr></tr> 代表 html中表格的一行内容

      常用属性:

    Align 内容的水平位置

    Left(默认值)|center|right

                Valign 内容的垂直位置

    Top(上面)|middle(中间)(默认值)|bottom(下面)

    Bgcolor 背景颜色

    3. 单元格标签

    <td></td> 代表html中表格的一个单元格

    Width/height 宽度和高度

    Align/valign 对齐

    Left|center|right

    Top|middle|bottom

    Colspan 合并列

    Rowspan 合并行

       <th></th> 在html中的表格中代表单元格 但是他有特殊的样式是 加粗居中显示

    <caption></caption> 表格表头

    关于html后面的标签,我们明天再讲!

    

HTML第二讲

标签:水平   val   gif   它的   center   单元格   表头   无损压缩   cells   

原文地址:http://www.cnblogs.com/tuyihui/p/7236868.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!