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

原创 2016年05月31日 22:33:51

每天学习的记录

<!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>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Web基础知识四之图像、链接、表格和列表

Chrome浏览器审查元素F12; 区分块级元素: display:block 块级元素 display:inline 行内元素 扩展: 1、嵌套问题 1、p 标记...

web需要知道的基础知识链接

Ajax,JS,Reactjs

Web基础知识五之Html表单标记

1、列表     1、作用       按照一定的结构来显示数据       按照从上到下的顺序来显示数据       所有的列表都由两部分组成       1、列表类型(有序或无序)      ...

Web基础知识三之文本标记

文本标记 1、特殊文本 任意多的回车和空格,最终只会被解析成一个空格 在页面中输出:这是一个P标记 在页面中,要通过“转义字符”来表示 空格,等一些字符 1、 表示一个空格...

基础知识---微博中,短链接的生成方法

短网址(Short URL),顾名思义就是在形式上比较短的网址。通常用的是asp或者php转向,在Web 2.0的今天,不得不说,这是一个潮流。目前已经有许多类似服务,借助短网址您可以用简短的网址替代...

网站开发之HTML基础知识及超链接(二)

前面的文章我讲述了HTML的基础知识。包括:1.JSP前段设计及HTML基础介绍;2.HTML常用标记符:HEAD、HTML属性、BODY设置背景、注释、FONT、B\I\U;3.HTML设置段落格式...

SEO基础知识:什么是nofollow的链接

nofollow的链接,介绍了早在2005年,最初是作为一种方法来对付垃圾评论,博客上。作为一个博客的人都知道,垃圾评论是活得很好。但由于引进的nofollow的链接属性的目的已经改变成为识别付费链接...
  • newcnzz
  • newcnzz
  • 2012年07月30日 03:31
  • 666

【基础知识】linux c 编译链接运行、动态链接库

编译链接时: 使用pkg-config xxx --libs --cflags,完成和库xxx的链接 链接时易出现 multiple definition of xx: 头文件的作用...

HTML语言基本结构主体标记格式超级链接和列表

HTML语言 一、基本结构 1、网页文档标记                    格式:内容 2、网页的题头部分                 格式:头部的内容 3、 网页...
  • leo__ho
  • leo__ho
  • 2011年09月26日 21:01
  • 4090

ucos在s3c2410上运行过程整体剖析之基础知识--关于ADS编译、链接器 .

http://blog.csdn.net/zhanglianpin 我在学习嵌入式操作系统UCOS时,有很大的迷茫之处,在于我不知道我用的工具到底帮我干了些神马工作。下面就说一下我当时的疑问: 1...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:web基础知识,图像和链接,结构标记
举报原因:
原因补充:

(最多只允许输入30个字)