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. 原生js可爱糖果数字时间特效

    效果展示:http://hovertree.com/texiao/js/35/ 数字采用漂亮的糖果皮肤设计 效果图: 代码如下: <!DOCTYPE html> <html> ...

  2. Android Studio同时打开多个项目

    Android Studio的默认设置是打开第二个项目时,第一个项目就被自动关闭了,如果要同时打开多个项目,可以点击File->Settings,对Project Opening进行下面的设置: ...

  3. No-args constructor for class X does not exist. Register an InstanceCreator with Gson for this type to fix this problem.

    Gson解析JSON字符串时出现了下面的错误: No-args constructor for class X does not exist. Register an InstanceCreator ...

  4. java多线程同步，等待，唤醒

    notify().notifyAll().wait()属于java.lang.Object,java.lang.Thread也是Object,自然也有上述方法: sleep().interrupt() ...

  5. jvm内存区域

    概述 jvm内存分为几个区域: 程序计数器 虚拟机栈 本地方法栈 堆 方法区 运行时常量池 直接内存 这些内存区域是在java进程中细分的,为java程序提供服务 不同的区域存储的内容不一样,生命周期 ...

  6. jquery 点击查看更多箭头变化，文字变化,超出带滚动条。

    从网上好了好久,没找到自己要的,自己写了一下. <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...

  7. iOS 网络流量统计

    在开发中,有时候需要获取流量统计信息.研究发现:通过函数getifaddrs来得到系统网络接口的信息,网络接口的信息,包含在if_data字段中, 有很多信息, 但我现在只关心ifi_ibytes,  ...

  8. 配置eclipse J2EE环境

    早已习惯使用eclipse做Java相关的开发,因为之前安装的是RCP版本,今天发现对于J2EE的开发,在perference中居然没有Axis2的支持,需要添加J2EE的支持插件,特在此说明安装方式 ...

  9. View and Data API Tips: Hide elements in viewer completely

    By Daniel Du With View and Data API, you can hide some elements in viewer by calling "viewer.hi ...

  10. h5自定义audio（问题及解决）

    h5活动需要插入音频,但又需要自定义样式,于是自己写咯 html <!-- cur表示当前时间 max表示总时长 input表示进度条 --> <span class='cur'&g ...