zoukankan      html  css  js  c++  java
  • HTML第二讲

        我们都知道,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后面的标签,我们明天再讲!

        

    零基础从入门到精通!
  • 相关阅读:
    mysql 历史版本下载
    mysql 5.7 版本 You must reset your password using ALTER USER statement before executing this statement报错处理
    5.7 zip 版本的安装 以及遇到的坑
    mysql 5.6zip版本的卸载与5.7 zip 版本的安装
    mysql数据库的备份与还原
    本地Navicat连接docker里的mysql
    docker修改数据库密码
    docker 在push镜像到本地registry出现的500 Internal Server Error
    linux 没有界面内容显示不全解决办法
    json与map互相转换
  • 原文地址:https://www.cnblogs.com/tuyihui/p/7236868.html
Copyright © 2011-2022 走看看