zoukankan      html  css  js  c++  java
  • 列表 图像 链接

    <ol>用来创建有序列表
    <ul>用来创建无序列表
    <li>列表中的每个项目都被置于起始标签<li>和结束标签</li>之间(li代表列表项目)
    <dl>用来创建定义列表,并且通常包括一系列术语和定义
    <dt>用来包含(包着)被定义的术语
    <dd>用来包含定义


    1.<a>网页中的链接是通过<a>元素建立的,该元素有一个重要的特性href,
    href特性的值设定了链接的目标,即网站用户单机链接时所到达的页面地址。
    2.如果链接指向另一个网站,必须用完整的WEB地址,绝对URL链接
    3.如果链接指向同一网站的其他页面时,就没必要在URL中指定域名,
    这时可以采用简短的相对URL。
    4.mailto:用<a>元素建立Email链接。email链接的href特性值以 mailto:开始
    然后添加一个收件人的email地址。点击链接时就会打开邮箱程序
    向该地址发送邮件。
    5.target:如果希望在新窗口打开链接,就要用到<a>标签的target特性,
    并把这个特性的值设为_blank.
    6. <a id=“ID”>  <a href="#ID">ID</a>组合使用可以连接到页面的某个位置
    顶部ID=top

     <img>:需要使用<img>元素来向页面中添加图片。

    这是一个空元素(即没有结束标签)<img>元素必须包含以下两个特性

    src;这个特性告诉浏览器图片的地址

    alt:对图像进行文本说明,在你看不到图片时进行描述。

    height;这个特性以像素为单位制定图像的高度

    width:这个特性以像素为单位制定图像的高宽度


    <!DOCTYPE html>  
    2.<html lang="en">  
    3.<head>  
    4.    <meta charset="UTF-8">  
    5.    <title>列表 图像 链接</title>  
    6.</head>  
    7.<body>  
    8.<div id="1"></div>  
    9.<h1>有序列表</h1>  
    10.<ol>  
    11.    <li>锄禾日当午</li>  
    12.    <li>汗滴禾下土</li>  
    13.    <li>谁知盘中餐</li>  
    14.    <li>粒粒皆辛苦</li>  
    15.</ol>  
    16.<h1>无序列表</h1>  
    17.<ul>  
    18.    <li>锄禾日当午</li>  
    19.    <li>汗滴禾下土</li>  
    20.    <li>谁知盘中餐</li>  
    21.    <li>粒粒皆辛苦</li>  
    22.</ul>  
    23.<hr color="red">  
    24.<h1>定义列表</h1>  
    25.<dl>  
    26.    <dt>仙剑4</dt>  
    27.    <dd>仙剑奇侠传4,一款回合制角色扮演游戏</dd>  
    28.</dl>  
    29.<hr color="red">  
    30.<h1>嵌套列表</h1>  
    31.<ol>  
    32.    <li>锄禾日当午</li>  
    33.    <li>汗滴禾下土</li>  
    34.    <li>谁知盘中餐</li>  
    35.    <li>粒粒皆辛苦</li>  
    36.    <ul>  
    37.     <li>床前明月光</li>  
    38.     <li>疑是地上霜</li>  
    39.     <li>举头望明月</li>  
    40.     <li>低头思故乡</li>  
    41.    </ul>  
    42.</ol>  
    43.<hr color="red">  
    44.<ul>  
    45.    <h1>链接</h1>  
    46.    <li><a href="http://www.baidu.com">打开百度</a></li>  
    47.    <li><a href="#1">有序列表</a></li>  
    48.    <li><a href="0001.html">跳转到第一课</a></li>  
    49.    <li><a href="mailto:1412977405@qq.com" >Email</a></li>  
    50.    <li><a href="http://www.baidu.com" target="_blank">在新窗口打开百度</a></li>  
    51.<hr color="red">  
    52.    <li><img src="http://img3.imgtn.bdimg.com/it/u=587401855,34643258&fm=27&gp=0.jpg" height="100" width="300"></li>  
    53.    <li><img src="img/0001.jpg" width="350"height="200"></li>  
    54.<ul>  
    55.</body>  
    56.</html>  
    

      

  • 相关阅读:
    eclipse快捷键
    Struts2框架(8)---Struts2的输入校验
    Struts2框架(5)---result结果集
    Spring框架(6)---AspectJ实现AOP
    Spring框架(4)---AOP讲解铺垫
    Spring框架(3)---IOC装配Bean(注解方式)
    Spring框架(2)---IOC装配Bean(xml配置方式)
    Spring框架(1)---Spring入门
    Mybatis框架(5)---动态sql
    Mybatis框架(4)---输入输出映射
  • 原文地址:https://www.cnblogs.com/max-hou/p/8530747.html
Copyright © 2011-2022 走看看