zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Python-22-并发编程
    hadoop学习记录(二)HDFS java api
    hadoop学习记录(一)HDFS
    hadoop学习记录(零)
    android 下载instagram动态中图片的demo
    android 使用<merge>标签
    利用dijkstra算法规划线路
    Android Studio如何引用外部Library工程
    设计模式(二):单例模式
    设计模式(一):设计模式入门
  • 原文地址:https://www.cnblogs.com/lx09110718/p/2839580.html
Copyright © 2011-2022 走看看