结构标记

图像
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>

posted on 2018-07-21 20:29 blackout_迷雾阅读(111) 评论(0) 编辑收藏举报

刷新页面返回顶部

blackout_迷雾

导航

公告

结构标记