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

每天学习的记录

<!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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值