4-html图片与链接 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>html标题、段落</title>
</head>
<body>
    <!-- h1-h6 一共六级标题 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!--     1.p标签：段落,
             2.“<br/>”:换行，
             3."&nbsp;"：空格,
             4."&gt;":大于号,
             5."&lt;":小于号,
             6.a标签：链接 -->
    <p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它，如果用浏览器打开，浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页，显示的网
    页可以从一个网页链接跳转<a href="www.baidu.com"></a>到另外一个网页<br />
    5&gt;3<br />
    1&lt;2
    </p>
    <!-- img图片标签 -->
    <img src="../../飞机大战/image/hero.jpg" alt="战机">
    <!-- a标签：链接跳转，title：跳转的链接说明 -->
    <a href="./html块-语义化的标签.html" title="跳转到另一个html" >百度</a>
    <!-- a标签嵌套img标签点击图片跳转 -->
    <a href="http://www.baidu.com" title="跳转到另一个html"> <img src="../../飞机大战/image/Enemy.jpg" alt="战机"> 百度</a>
    <p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它，如果用浏览器打开，浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页，显示的网
    页可以从一个网页链接跳转<a href="www.baidu.com"></a>到另外一个网页<br />
    5&gt;3<br />
    1&lt;2
    </p>
    <!-- img图片标签 -->
    <img src="../../飞机大战/image/hero.jpg" alt="战机">
    <!-- a标签：链接跳转，title：跳转的链接说明 -->
    <a href="./html块-语义化的标签.html" title="跳转到另一个html" >百度</a>
    <!-- a标签嵌套img标签点击图片跳转 -->
    <a href="http://www.baidu.com" title="跳转到另一个html"> <img src="../../飞机大战/image/Enemy.jpg" alt="战机"> 百度</a>
    <p>一个html文件就是一个网页<br />，html文件用编辑器打开显示的是文本,可以用文本的方
    式编辑它，如果用浏览器打开，浏览器会按&nbsp;&nbsp;&nbsp;&nbsp;照标签描述内容将文件渲染成网页，显示的网
    页可以从一个网页链接跳转<a href="www.baidu.com"></a>到另外一个网页<br />
    5&gt;3<br />
    1&lt;2
    </p>
    <!-- img图片标签 -->
    <img src="../../飞机大战/image/hero.jpg" alt="战机">
    <!-- a标签：链接跳转，title：跳转的链接说明 -->
    <a href="./html块-语义化的标签.html" title="跳转到另一个html" >百度</a>
    <!-- a标签嵌套img标签点击图片跳转 -->
    <a href="http://www.baidu.com" title="跳转到另一个html"> <img src="../../飞机大战/image/Enemy.jpg" alt="战机"> 百度</a>
    <!-- 链接到链接到页面顶部 -->
    <a href="#">新闻标题</a>
    <!-- 不做任何操作 -->
    <a href="javascript:;">缺省值</a>

</body>
</html>

 

posted @ 2019-08-25 18:48  wan了个蛋  阅读(237)  评论(0)  编辑  收藏  举报