zoukankan      html  css  js  c++  java
  • 学习标签属性3

    img标签向网页中嵌入一幅图像,<img>标签有两个必须的属性:src和alt属性。

    alt属性:如果无法显示图像,浏览器将显示替代文本。

    src属性:它的值是图像文件的URL,也就是引用该图像的绝对路径或相对路径。

    title属性:鼠标放置时显示的文字

    width属性:设置图像的宽

    height属性:设置图像的高

    border属性:定义边

    align属性:它有五个可选值  top、 bottom  、middle、left、right。它设置图像在文本中的位置。top是指以图像的头部去和文本对齐,bottom是底部也是默认,left和right分别是在文本的左右位置。(它必须以文本作参照物才显示出效果)

    <!--qq里面有个截图软件可以大致显示你的图像像素多少,用px做单位>   例子如下:

    <!DOCTYPE html>

    <html>

    <head lang="en">

      <meta charset="utf-8">

      <title></title>

    </head>

    <body>

      <img src="img/img.gif" alt="图片未显示" title="鼠标滑过时显示的文字" height="170px" width="100" border="1" align="left"/>

    链接标签

    <a>标签定义超链接,用于从一张页面链接到另一张页面。元素最重要的属性是href属性,他指示链接的URL地址。通常我们说的定义一个锚点就是a标签。比如我们有一张很长的页面,可以分成n个部分,并设置锚点,这样我们通过锚点就可以到达页面的相应位置。示例:

    <body>

      <soan>这是顶部</span>

      <p>...</p>

      <br /><br /><br /><br /><br /><br />

      <a href="#">回到顶部</a>   (#代表页面最上部,图片也可以,可以嵌套)

    </body>

    a标签

    target属性定义了链接以什么方式打开

    _blank定义了链接在新的页面打开

    块元素和行元素区别:

    1  块元素独占一行,他可以设置宽和高,在未设置的情况下,块元素以浏览器的宽为宽

    2  一行可防置多个行元素,不可以设置宽和高img除外,行元素一元素内容的宽和高为准

    常见的行元素和块元素:

      内联元素(块元素 inline element)

    * a -锚点

    * b -粗体

    * em -强调

    * font -字体设定(不推荐)

    * i -斜体

    * img -图片

    * input -输入框

    * label -提示标签

    * select -列表选择

    * small -小字体文本 

    * span -常用内联容器,定义文本内区块

    * strong -粗体强调

    * sub -下标

    * sup -上标

    * textare -多行文本输入框

    * u -下划线

    块元素(block element)

    * address -地址

    * div -常用块容器

    * dl -定义列表

    * form -交互表单  

    * h1-h6  —标题

    * ol -有序列表

    * p -段落

    * pre -格式化文本

    * table -表格

    * ul -无序列表

  • 相关阅读:
    NYOJ 91 阶乘之和
    NYOJ 47 过河问题
    NYOJ 12 喷水装置(二)
    NYOJ 78 圈水池(凸包问题)
    NYOJ 523 亡命逃窜( bfs )
    NYOJ 564 最优对称路径(湖南省第七届大学生计算机程序设计竞赛)
    NYOJ 491 幸运三角形(bitset)
    排列组合 C(n,k)= C(n1)+C(n1,k1) 对应于杨辉三角
    Android (服务Service)
    Android (界面编程#5ProgressDialog)
  • 原文地址:https://www.cnblogs.com/1111duguxiaoyu/p/6129898.html
Copyright © 2011-2022 走看看