HTML 基础知识

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>
 空格 <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 基础知识的更多相关文章

.NET面试题系列[1] - .NET框架基础知识(1)
很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...
RabbitMQ基础知识
RabbitMQ基础知识一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...
Java基础知识（壹）
写在前面的话这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...
selenium自动化基础知识
什么是自动化测试? 自动化测试分为:功能自动化和性能自动化功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...
[SQL] SQL 基础知识梳理（一）- 数据库与 SQL
SQL 基础知识梳理(一)- 数据库与 SQL [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5902856.html 目录 What's 数据库 ...
[SQL] SQL 基础知识梳理（二） - 查询基础
SQL 基础知识梳理(二) - 查询基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序这是<SQL 基础知识梳理( ...
[SQL] SQL 基础知识梳理（三） - 聚合和排序
SQL 基础知识梳理(三) - 聚合和排序 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5926689.html 序这是<SQL 基础知识梳理 ...
[SQL] SQL 基础知识梳理（四） - 数据更新
SQL 基础知识梳理(四) - 数据更新 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5929786.html 序这是<SQL 基础知识梳理( ...
[SQL] SQL 基础知识梳理（五） - 复杂查询
SQL 基础知识梳理(五) - 复杂查询 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5939796.html 序这是<SQL 基础知识梳理( ...
APP测试入门篇之APP基础知识(001)
前言最近两月比较多的事情混杂在一起,静不下心来写点东西,月初想发表一遍接口测试的总结,或者APP测试相关的内容,一晃就月底了,总结提炼一时半会也整不完.放几个早年总结内部培训PPT出来 ...

随机推荐

c#生成静态html文件，封装类
由于这段时间比较轻松,于是想到很多的企业网站,新闻网站需要将页面静态化,于是写了个封装类来实现静态文件的生成,思路比较简单,但未完善,网友可根据自己的思路将此类扩展,运用了简单工厂模式(本来刚开始看设 ...
第四篇 Entity Framework Plus 之 Batch Operations
用 Entity Framework 进行增,删,改.都是基于Model进行的,且Model都是有状态追踪的.这样Entity Framework才能正常增,删,改. 有时候,要根据某个字段,批量 ...
Linux下安装Hadoop完全分布式（Ubuntu12.10）
Hadoop的安装非常简单,可以在官网上下载到最近的几个版本,最好使用稳定版.本例在3台机器集群安装.hadoop版本如下: 工具/原料 hadoop-0.20.2.tar.gz Ubuntu12.1 ...
python学习笔记（字符串操作、字典操作、三级菜单实例）
字符串操作 name = "alex" print(name.capitalize()) #首字母大写 name = "my name is alex" pri ...
Redis主从复制
大家可以先看这篇文章ASP.NET Redis 开发对Redis有个初步的了解 Redis的主从复制功能非常强大,一个master可以拥有多个slave,而一个slave又可以拥有多个slave,如此 ...
iOS 自定义方法 - UIView扩展
示例代码 //#import <UIKit/UIKit.h>@interface UIView (LPCView)/** 上 */@property CGFloat top;/** 下 * ...
ArrayList、Vector、LinkedList的区别联系？
1.ArrayList.Vector.LinkedList类都是java.util包中,均为可伸缩数组. 2.ArrayList和Vector底层都是数组实现的,所以,索引数据快,删除.插入数据慢. ...
AC算法学习笔记
1.算法流程图 (1) void Init() 此函数是初始化函数,用来给fail数组和goto数组初始化值. (2) void GotoFunction(string x) 这个函数的作 ...
意外关机引起 IntelliJ IDEA 报 org.jdom.input.JDOMParseException 异常的，解决办法
详细错误如下: Error:Internal error: (org.jdom.input.JDOMParseException) Error on line 1: 前言中不允许有内容.org.jdo ...
在Ubuntu中建立MySQL数据库
最近在做一个关于云计算安全系统的项目,需要用到MySQL数据库,现在把建立数据库的步骤记录下来. 一.用命令在Ubuntu上安装MySQL # sudo apt-get update # sudo a ...

HTML 基础知识

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

随机推荐

热门专题