码迷,mamicode.com
首页 > 其他好文 > 详细

结构标记

时间:2018-07-21 21:26:46      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:锚点   属性   javascrip   高度   oct   img   div   outlook   压缩包   

图像
1、格式
2、图像元素
      语法:<img>
      属性:
      1、src
          指定要显示图像的URL
      2 、width
         宽度,指定图像的宽度
         以px作为单位的数值,px可以省略
     3、height
         高度,指定图像的高度
          以px作为单位的数值,px可以省略
       注意:
              1 、如果 width 和 height 只设置了一个属性的话,那么另外一个属性会跟着"等比缩放"
              2、src中的 URL ,要严格区分大小写(服务器端约束)

 

<!doctype html>
<html>
    <head>
        <title>我的第一个作业</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h1 align="center">HTML5 &lt;DAY01&gt;</h1>
        <hr>
        <h2>1 HTML 文档片段</h2>
        <h3>1.1 问题</h3>
        <p>
            创建如图-1所示的 HTML 页面:
        </p>
        <!-- 添加一副图像 以及 文本 -->
        <p align="center">
            <a href="http://www.tmooc.cn" target="_blank">
                <img src="../Images/page.JPG">
            </a>
        </p>
        <h4 align="center">图-1</h4>
        </body>
        </html>
        

 


3、链接
        1、链接元素
              语法:<a>内容</a>
              属性:
             1、href 属性
                 链接的文件的url
             2、target
                 目标,打开新网页的方式
                 取值:
                 1、_self
                    在自身页面中打开新页面
                2、_blank
                    在新标签页中打开新页面
       2、链接的表现形式
           1、链接目标为资源下载
                <a href="***.rar/zip">下载</a>

                rar/zip:压缩包
           2、电子邮件链接
               <a href="mailto:电子邮件地址">联系我们</a>     前提:

     1、有电子邮件
     2、机器中必须装有邮件客户端(Foxmail,outlook,...)
     3、返回页面顶部的空链接
          <a href="#">返回顶部</a>
     4、链接到Javascript
          <a href="javascript:">JS功能</a>
3、锚点
       1 、作用
             在html文档中某个位置处做记号
       2、使用方式
           1、定义锚点
               1、任何一个元素的id属性可以作为锚点
                    <div id="name1"></div>
               2、a 元素 的 name 属性
                    <a name="name2"></a>
        2、链接到锚点
                 <a href="#锚点名称">链接到锚点</a>
                 <a href="页面URL#锚点名称">其他页面锚点</a>

结构标记

标签:锚点   属性   javascrip   高度   oct   img   div   outlook   压缩包   

原文地址:https://www.cnblogs.com/blackout-mw/p/9347885.html

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