• HTML自学之旅(二)样式


    其实样式这个问题,没学习css我觉得还是不能算是样式吧。。。

    练习1:

    <html>
    <head>
    
    通过内部样式<br />
    <style type="text/css">
    h1{color:red}
    p {color:blue}
    </style> 
    
    <!--
    <hr />通过外部调用CSS样式<br />
    <link rel="stylesheet" type="text/css" href="/webweb/csstest1.css">
    -->
    </head>
    
    <body>
    <h1>Header 1</h1>
    <p>This is a paragraph.</p>
    
    <hr />没有下划线的链接
    <br />
    <a href="http://www.baidu.com/" style="text-decoration:none">
    点这里进入百度
    </a>
    
    <hr />内联样式
    <p style="color:red;margin-left:20px">
    尝试一下内联样式?
    
    </p>
    
    </body>
    </html>

    由于还不会写CSS,所以外部样式没有尝试成功。。。

    练习2:应该叫做锚点吧

    <html>
    <body>
    <p>
    <a href="#C4">查看第四章</a>
    </p>
    <h2>Chapter 1</h2>
    <p>这是第一章。</p>
    <h2>Chapter 2</h2>
    <p>这是第二章。</p>
    <h2>Chapter 3</h2>
    <p>这是第三章。</p>
    <h2><a name="C4">Chapter 4</a></h2>
    <p>这是第四章。</p>
    <h2>Chapter 5</h2>
    <p>这是第五章。</p>
    <h2>Chapter 6</h2>
    <p>这是第六章。</p>
    <h2>Chapter 7</h2>
    <p>这是第七章。</p>
    <h2>Chapter 8</h2>
    <p>这是第八章。</p>
    <p>这是第五章。</p>
    <h2>Chapter 6</h2>
    <p>这是第六章。</p>
    <h2>Chapter 7</h2>
    <p>这是第七章。</p>
    <h2>Chapter 8</h2>
    <p>这是第八章。</p>
    <p>这是第五章。</p>
    <h2>Chapter 6</h2>
    <p>这是第六章。</p>
    <h2>Chapter 7</h2>
    <p>这是第七章。</p>
    <h2>Chapter 8</h2>
    <p>这是第八章。</p>
    
    <body>
    <html>
  • 相关阅读:
    梯度下降的矩阵分解公式推导
    再谈矩阵分解在推荐系统中的应用
    浅谈矩阵分解在推荐系统中的应用
    tomcat局域网内发布html
    通过JavaScript动态生成html控件
    html 复选框checkbox
    HTML <frameset>不同frame之间传值
    OpenLayers 案例一
    ubuntu java开发环境jdk安装
    如何成为Python高手
  • 原文地址:https://www.cnblogs.com/lx09110718/p/2839580.html
Copyright © 2020-2023  润新知