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>
  • 相关阅读:
    Linux文件和目录管理常用重要命令
    Windows和Linux下Mysql 重置root 密码
    瀑布流vue-waterfall的高度设置
    vue-cli 引入axios及跨域使用
    Vue 脱坑记
    shell基础
    正则
    安装卸载
    压缩打包
    vim工具
  • 原文地址:https://www.cnblogs.com/lx09110718/p/2839580.html
Copyright © 2011-2022 走看看