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

        

    零基础从入门到精通!
  • 相关阅读:
    Arrays.asList的使用
    php之sql语句 创建数据库、表、插入字段,自动判断是否成功
    初识 canvas 绘图
    自定义音频audio播放器
    我的晨练
    js获取屏幕或可视范围
    js 查看脚本运行时间的办法
    a:hover伪类在ios移动端浏览器内触发无法取消
    js模拟用户触摸事件
    持续健身带来的变化
  • 原文地址:https://www.cnblogs.com/tuyihui/p/7236868.html
Copyright © 2011-2022 走看看