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出来 ...

随机推荐

运用css，对于下拉菜单的制作
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <met ...
mysql substring函数截取值后赋给一个declare变量
今天写的一个mysql存储过程涉及到对一个传入参数的字符串截取,然后需要判断截取字符串进行一系列操作,最开始用select subtring() into 这样的方法将截取值赋于declare变量直 ...
linux grep命令
linux grep命令1.作用Linux系统中grep命令是一种强大的文本搜索工具,它能使用正则表达式搜索文本,并把匹配的行打印出来.grep全称是Global Regular Expressio ...
C#通过反射给对象赋值
class Program { static void Main(string[] args) { UserSearchRequest model = new UserSearchRequest() ...
px-rem 一个将px转换为rem的工具
将px转换为rem的工具,github地址:https://github.com/finance-sh/px-rem 怎样转换静态文件安装: npm install px-rem -g 然后跑下命令 ...
js实现无缝循环滚动
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
WEB基础原理——理论复习
基本WEB原理 1. Internet同Web的关系 1.1互联网全世界最大的局域网. 来源美国国防部的项目用于数据共享没有TCP/IP之前最开始只能1000台电脑通信(军用协议) 1.2 万维网 ...
Exploitation with Social Engineering Toolkit SET
下面演示如何使用S.E.T工具创建Payload并配置Armitage实现目标主机自动上线. 打开S.E.T工具选择第一项,进行Attacks配置. 选择4创建一个Payload和Listener. ...
InfoPath错误，此文档库已被重命名或删除
在使用InfoPath发布表单,发布到SharePoint服务器报错,如下介绍: 环境:Windows 2012 DateCenter + Sql 2012 + SharePoint 2013 + O ...
在VMware上安装Linux(CentOS)
1. 新建虚拟机 2. 新建虚拟机向导 3. 创建虚拟空白光盘 4. 安装Linux系统对应的CentOS版 5. 虚拟机命名和定位磁盘位置 6. 处理器配置,看自己是否是双核.多核 7. 设置内存为 ...

HTML 基础知识

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

随机推荐

热门专题