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>

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

关于 图像 的基础知识

前天老师要作报告,报告来这的2周的学习成果。先是学长们,主要就是给我们理理关于图形图像的思路吧。然后,是新生。等轮到偶的时候,已经是午饭了,悲催的是我的报告果真是整理的所学的,列了那么多知识点~看着大...
  • timidsmile
  • timidsmile
  • 2011年07月28日 12:25
  • 7053

一个用于图像标注的简单Web程序

需要对20000多图片进行标注 图片存在mongodb里面,设计是这样,程序调用数据显示在网页, 认为进行标注,标注的结果重新存在mongodb里面,知道所有的数据标记完成。 两个部分,显示部分...
  • DreamD1987
  • DreamD1987
  • 2013年04月10日 14:09
  • 1001

若只如初见——WEB/BS开发必备基础知识

疑惑 与C/S的不同数据传递机制WEB特有属性前台与后台的定义 示例 数据传递机制Response和Request服务端控件IsPostBack  文尾 疑惑       ...
  • lidaasky
  • lidaasky
  • 2012年05月23日 00:50
  • 9472

【科普】安卓系统基础知识之分区结构和启动过程

转自:iForensics(ID:iForensics-2016)了解安卓系统的分区结构和启动过程有助于对安卓系统的分析取证。具体细节直接看图。分区结构启动过程...
  • xCnhYKoHj3eK
  • xCnhYKoHj3eK
  • 2017年12月27日 00:00
  • 108

图形图像的基础知识总结

1、图像文件格式 图像文件格式是指用于存储图形或图像数据的一种数据结构。它反映了图像的大小、分辨率、图像模式等信息。 2、像素:        显示在显示器上光的单元,用来计算点阵图像的一...
  • u011046042
  • u011046042
  • 2016年11月24日 21:48
  • 2629

图像处理基础知识总结1

图像处理基础知识总结(1)前言:从接触图像处理、生物特征识别、视频编解码、机器学习已两年有余,还没有系统的总结过,正好最近刷一下Tsinghua的Tipa课件和PKU的Digital Image Pr...
  • u013828589
  • u013828589
  • 2017年05月18日 17:49
  • 1454

HTML之图像、超链接、表格、表单

图像图像元素 元素将图像添加到页面,属于单标签 必须属性:src 常用属性:width、height 绝对路径和相对路径绝对路径 从盘符开始写出图片的完整的路径 如 D:/images/1....
  • qq_27853161
  • qq_27853161
  • 2016年12月14日 19:24
  • 663

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

Chrome浏览器审查元素F12; 区分块级元素: display:block 块级元素 display:inline 行内元素 扩展: 1、嵌套问题 1、p 标记...
  • Andone_hsx
  • Andone_hsx
  • 2017年01月04日 01:01
  • 243

Web开发基础知识的整理(一、Http协议的简单介绍)

Web方面的东西,实际上挺多挺杂的,所以有的时候就需要一些整理,今天这里来简单介绍一下Http协议,算是对之前学习一些东西的整体,希望对自己或者对一些人有些帮助。 首先从Http协议说起,Web浏览...
  • H_Gao
  • H_Gao
  • 2015年08月08日 11:13
  • 2250

web基础知识总结

决定要开始写博客,先把之前的东西总结一下好了。以前培训的时候学到的一些基础知识,做下笔记备用。w3cSchool也是一个很好的学习这些知识的地方。 web基础知识回顾 (一)web界面开发的三个基...
  • lanonola
  • lanonola
  • 2014年03月11日 17:09
  • 1408
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:web基础知识,图像和链接,结构标记
举报原因:
原因补充:

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