关闭

web基础知识,图像和链接,结构标记

68人阅读 评论(0) 收藏 举报

每天学习的记录

<!doctype html>
<html>
<head>
    <title>我的第二个HTML页面</title>
    <meta charset="utf-8">
</head>
<body>
<a name="top"></a>
<ol>
    <li>文档片段
        <ul>
        <li>
            <a href="#q1">问题</a>
        </li>
        <li>
            <a href="#q2">方案</a>
        </li>
        <li>
            <a href="#q3">实现</a>
        </li>
        <li>
            <a href="#q4">扩展</a>
        </li>
        </ul>
    </li>
    <li>我的第一个HTML文档
        <ul>
        <li>
            问题
        </li>
        <li>
            方案
        </li>
        <li>
            实现
        </li>
        </ul>
    </li>
</ol>

    <h1 align="center" title="段落">HTML5 <span style="color:red">&lt;Day01&gt;<span></h1>
    <hr/>
    <h3>1&nbsp;HTML&nbsp;&nbsp;文档片段</h3>
    <h4 id="q1">1.1&nbsp;问题</h4>
    创建如图-1所示的HTML页面:
    <div align="center">
        <img  src="../day02/jd/page.JPG">
        <h4>图-1</h4>
    </div>
    <br/>
        <h4 id="q2">1.2&nbsp;方案</h4>
    使用HTML标记来完成该页面效果。
        <h4 id="q3">1.3&nbsp;实现</h4>
    建立一个文本文件,并修改名称为first.html,然后使用文本编辑器打开该文件,并为该文件添加代码,以创建标准格式的HTML文档。<br/><p>然后b在body元素中添加代码,以创建居中显示的段落文本.代码如下所示:</p>
    <pre>
    &lt;p&nbsp;align="center" title="段落"&gt;
    &nbsp;&nbsp;居中显示的段落。
    &lt;/p&gt;    
    </pre>
    <div align="center">
        <a href="http://www.tmooc.cn" target="_blank">
        <img src="../day02/jd/page_struct.JPG">
        </a>
        <h4 style="color:red">图-2</h4>
    </div>
    <h4 id="q4">1.4 扩展</h4>
    创建如下所示的表格
    <table border="1" align="center" width="500" cellpadding="5" >
        <caption>表-1</caption>
        <tr>
            <td width="300">全月应缴纳所得额</td>
            <td width="100">税率</td>
            <td width="100">速算扣除数</td>
        </tr>
        <tr>
            <td>全月应纳税所得额&lt;1500</td>
            <td>3%</td>
            <td>0</td>
        </tr>
        <tr>
            <td>1500=&lt;全月应缴纳所得额&lt;4500</td>
            <td>10%</td>
            <td>105</td>
        </tr>
        <tr>
            <td colspan="3">...</td>            
        </tr>
        <tr>
            <td colspan="3">计算公式为:应纳税额=全月应纳税额所得额*适用税率-速算扣除数</td>
            
        </tr>
    </table>
        
    <table align="center" >
        <tr>
            <td><a href="#">关于我们</a></td>
            <td><a href="#">联系我们</a></td>
            <td><a href="#">广告服务</a></td>
        </tr>
        <tr>
            <td colspan="2">&nbsp;&nbsp;版权所有&copy;达内科技集团</td>
            
            
        </tr>
    </table>


    <a href="#top" >To top</a>
</body>
</html>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:69次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:1篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档