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>

猜你喜欢

转载自www.cnblogs.com/qtclm/p/11408850.html