HTML

语言格式：
1<标签名>内容</标签名> <标签名 属性>
2<标签名></标签名>
3<标签名/>

知识点：
静态与动态网页的区别：是否从数据库提取数据
绝对路径与相对路径

1
<body background="" bgcolor="" text="" topmargin="" bottommargin="" leftmargin="" rightmargin="">显示的内容</body>

2
<font face="" color= size> </font>
<u>下划线</u> <b>加粗</b> <strong>加粗强调语气</strong>
<i>倾斜</i> <em>倾斜2<em>
<del>删除线</del> <sup>下标</sup> <sub>下标</sub>
<cent>相对于body居中</cent>
&nbsp;空格 <br />回车
<h1>一级标题</h1> <h2>二级标题</h2> <p>段落，有行间距</p>
<span 属性>样式</span>

3
<img src="" title="" width=“” height=“” title="" alt="" 图无法显示时显示此些字">

4
<ul type="disc">
<li>无序的列表</li>
</ul>无序的标签

<ol>
<li>有序的标签</li>
</ol>

5
矛点<a href="#s1" id="" name="" class="" >S1</a>
<a href="#top" ></a>
<a href="http://"></a>

6
表格
<table w= h= border=1>
<tr bgcolor= align=right valign=bottom>
<td></td>
<td></td>
</tr>

</table>

对齐方式
水平位置：align: left center right
垂直位置：valign:top middle bottom
合并单元格 <td colspan="2"></td>
colspan=""
rowspan=""

<body bgcolor="#000000" text="#FFFFFF" topmargin="200px" leftmargin="200px" >

<font face="微软雅黑">

	<font size="+3"  color="#FFFFFF"> <i><b>作  业</b>	</i> </font>

    <font color="#FFFFFF"><b>20161221</b></font> <br /> <br />

    <del>可以不完成</del>

	<p>One may fall in love with many people during the lifetime.</p>

    <p>When you finally get your own happiness,</p>

    <p>You will understand the previous sadness is kind of treasure,</p>

    <p>which makes you better to hold and cherishthe people you love</p>

    <br />

    <font><b>字体是:</b></font>

    <br />

    <u>微软雅黑</u>

    <br /> <br />  <br />

    <a href="#top"><img src="QQ图片20161221090601.gif" title="哈哈哈" width="100px" height="100px" /> </a><br />

    <img src=".../QQ图片20161221090601.gif" width="100px"  height="100px" alt="图裂了"/> <br /> <br />

    <h1><font size="+2"><b>要求:</b></font> <br /><br /></h1>

    <ol type="A">

    	<li>独立完成</li>

        <li>今天所讲的都要练一遍</li>

        <li>做好博客的笔记</li>

    </ol> <br />

    <h2><b>PS:</b></h2>

    <ul type="square">

    <li>注意有序无序列表的使用</li>

    <li>图片长宽都是100px，点击图片可以连接到网页顶端</li>

    <li>要求完成度在70%以上</li>

    <li>不会的可以<a href="http://www.baidu.com" target="_blank">百度</a> （此链接在新页面打开）</li>

    <li>网页左边距和上边距为200px</li>

    <LI>鼠标移动到图片上显示“哈哈哈”</LI>

    <li>坏图片上显示"图裂了"</li>

    </ul>

    <table width="400px" height="200px" border="1" >

    	<tr>

        	<td >宽度/高度</td>

            <td >对齐方式</td>

            <td >背景颜色</td>

            <td  rowspan="2">合并单元格</td>

   		</tr>

        <tr bgcolor="#999999" align="right" valign="bottom">

        	<td>400px/200px</td>

            <td>靠右/靠下</td>

            <td>gray</td>

   		</tr>

    </table>

 </font>

</body>

　　

1body
2文字
3图片
4列表
5超链接
6表格

HTML 基础知识的更多相关文章

  1. .NET面试题系列[1] - .NET框架基础知识(1)

    很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...

  2. RabbitMQ基础知识

    RabbitMQ基础知识 一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...

  3. Java基础知识（壹）

    写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...

  4. selenium自动化基础知识

    什么是自动化测试? 自动化测试分为:功能自动化和性能自动化 功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...

  5. [SQL] SQL 基础知识梳理（一）- 数据库与 SQL

    SQL 基础知识梳理(一)- 数据库与 SQL [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5902856.html 目录 What's 数据库 ...

  6. [SQL] SQL 基础知识梳理（二） - 查询基础

    SQL 基础知识梳理(二) - 查询基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序 这是<SQL 基础知识梳理( ...

  7. [SQL] SQL 基础知识梳理（三） - 聚合和排序

    SQL 基础知识梳理(三) - 聚合和排序 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5926689.html 序 这是<SQL 基础知识梳理 ...

  8. [SQL] SQL 基础知识梳理（四） - 数据更新

    SQL 基础知识梳理(四) - 数据更新 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5929786.html 序 这是<SQL 基础知识梳理( ...

  9. [SQL] SQL 基础知识梳理（五） - 复杂查询

    SQL 基础知识梳理(五) - 复杂查询 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5939796.html 序 这是<SQL 基础知识梳理( ...

  10. APP测试入门篇之APP基础知识(001)

    前言        最近两月比较多的事情混杂在一起,静不下心来写点东西,月初想发表一遍接口测试的总结,或者APP测试相关的内容,一晃就月底了,总结提炼一时半会也整不完.放几个早年总结内部培训PPT出来 ...

随机推荐

  1. java的原子性操作有哪些

    Java中的原子操作包括:1)除long和double之外的基本类型的赋值操作2)所有引用reference的赋值操作3)java.concurrent.Atomic.* 包中所有类的一切操作coun ...

  2. 《连载 | 物联网框架ServerSuperIO教程》- 7.自控通讯模式开发及注意事项

    1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架Serve ...

  3. node.js xtemplate的使用实例

    工程下安装XTemplate并使用它的方法实例说明: 1.安装xtpl npm install xtpl xtemplate --save 2.在views目录添加test.xtpl文件,其内容为 t ...

  4. iOS UIApplication sharedapplication用法

    应用中打开其他应用 我们来讨论一下,在iOS开发中,如何实现从app1打开app2. 基本的思路就是,可以为app2定义一个URL,在app1中通过打开这个URL来打开app2,在此过程中,可以传送一 ...

  5. 【代码笔记】iOS-一个tableView,两个section

    一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController ...

  6. Scala基础语法 （一）

    如果你之前是一名 Java 程序员,并了解 Java 语言的基础知识,那么你能很快学会 Scala 的基础语法. Scala 与 Java 的最大区别是:Scala 语句末尾的分号 ; 是可选的. 我 ...

  7. 利用SQL Server 2008 R2创建自动备份计划

    本文主要利用SQL Server 2008 R2自带的"维护计划"创建一个自动备份数据的任务. 首先,启动 Sql Management studio,确保"SQL Se ...

  8. screen：多重视窗管理程序

    screen:多重视窗管理程序 screen [-S SCREEN_NAME]: 创建窗口,可指定窗口名称,如果不指定,则是ID.$HOSTNAME screen -ls: 列出所有的screen窗口 ...

  9. python浅谈正则的常用方法

    python浅谈正则的常用方法覆盖范围70%以上 上一次很多朋友写文字屏蔽说到要用正则表达,其实不是我不想用(我正则用得不是很多,看过我之前爬虫的都知道,我直接用BeautifulSoup的网页标签去 ...

  10. NGUI裁剪模型和粒子

    效果预览 注:Cube上附着的绿色是我添加的粒子效果. 软件环境 NGUI 3.9.x Unity 5.1 x64 相关知识 RenderTexture RenderTexture是一种特殊的纹理,它 ...