新人，自己整理，第一次发，以后慢慢整理，欢迎指点,那些链接怎么做的，希望有人告知一下，谢谢！

HTML页面写法，标签成对出现,可嵌套使用

<html>

　　<head>

　　　　<title>xxxxx</title>

　　</head>

　　<body>

    1. 直接写
    2. <div></div>一块区域
    3. <table>　<tr><td>xxx</td></tr> </table>表格
    4. <ul> <li></li> </ul>无序列表
    5. <ol> <li></li> </o>有序列表
    6. <dl>  <dt>定义的项（一般放图片）</dt> <dd>对项的描述</dd>  </dl>
    7. <form>........</form>表单
    8. <input ></input>
    9. <iframe></iframe>

　　</body>

</html>

另一种写法，不常用

<html>

　　<head></head>

　　<frameset >

　　　　<frame >

　　　　</frame>

　　</frameset>

</html>

1.div参数

id="",class="",样式

style=="color:blue;text-align:center;height:1px高度;

　　　　width:1px;margin:1px 1px 1px 1px(边距暂时没有用过);

　　　　margin-left:到父容器左边框的距离。margin-right:到父容器右边框的距离。

　　　　margin-top: 到父容器上边框的距离。margin-bottom:到父容器下边框的距离。

　　　　padding:用于设置div的内边距。

　　　　padding-left:左内边距。padding-right: 右内边距。padding-top; 上内边距。padding-bottom: 下内边距。

　　　　position:(没用过)设置div的定位方式　属性：　　　

　　　　　　　　static：div遵循html规则

　　　　　　　　fixed:在IE7与FF中DIV的位置相对于屏屏固定不变，IE6中没有效果(期待高手指点原因)

　　　　　　　　relative:top、left、right、bottom来设置div在页面中的偏移，但是此时不可使用层

　　　　　　　　absolute:用top、left、right、bottom对div进行绝对定位　　　　　　　　

　　　　z-index:设置div的层叠顺序。(dreamweaver里见过，挺好用)",用z-index属性时，position必需要指定为absolute才行

　　　　font:bold 14px 宋体;background-color:Yellow　　　　

　　　　font-family:设置要用的字体名称；

　　　　font-weight:指定文本的粗细,其值有bold bolder lighter等。

　　　　font-size:指定文本的大小。、

　　　　font-style:指定文本样式，其值有italic normal oblique等。

　　　　color:指定文本颜色。

　　　　text-align:指定文本水平对齐方式，其值有center(居中) left  right justify

　　　　text-decorator:用于文本的修饰。其值有none underline overline line-through和blink的组合。 (在IE中无闪烁效果，FF中有效果。期待高手指点，)

　　　　text-indent:设置文本的缩进。

　　　　text-transform:设置文本的字母大小写。其值有lowercase uppercase capitalize(首字母大写) none。

　　　　overflow:内容溢出控制，其值有scroll(始终显示滚动条)、visible(不显示滚动条，但超出部分可见)、    auto(内容超出时显示滚动条)、hidden(超出时隐藏内容)。

　　　　direction:内容的流向。其值有ltr(从左至右)、rtl(从右至左)。

　　　　line-height:指定文本的行高。

　　　　Word-spacing:字间距。

　　　　float:设置div在页面上的流向，其值有left(靠左显示)、right(靠右显示)、none。

　　　　background-attachment:背景图像的附加方式，其值有scroll、fixed。

　　　　background-image:指定使有的背景图片。

　　　　background-repeat:背景图象的平铺方式。其值有no-repeat(不平铺)、repeat(两个方向平铺 )、 repeat-x(水平方向平铺)、repeat-y(垂直方向平铺)

　　　　background-position:在div中定位背景位置。其值有top bottom left right的不同组合。也可以以用坐标;"

隐藏hidden

关于HTML学习整理（一）的更多相关文章

  1. js数组学习整理

    原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...

  2. TweenMax学习整理--特有属性

    TweenMax学习整理--特有属性   构造函数:TweenMax(target:Object, duration:Number, vars:Object) target:Object -- 需要缓 ...

  3. HttpClient学习整理

    HttpClient简介HttpClient 功能介绍    1． 读取网页(HTTP/HTTPS)内容    2.使用POST方式提交数据(httpClient3)    3． 处理页面重定向    ...

  4. !!对python列表学习整理列表及数组详细介绍

    1.Python的数组分三种类型:(详细见 http://blog.sina.com.cn/s/blog_6b783cbd0100q2ba.html) (1) list 普通的链表,初始化后可以通过特 ...

  5. Java设计模式（学习整理）---命令模式

    设计模式之Command(学习整理) 1.Command定义 不少Command模式的代码都是针对图形界面的,它实际就是菜单命令,我们在一个下拉菜单选择一个命令时,然后会执行一些动作. 将这些命令封装 ...

  6. Wix学习整理（5）——安装时填写注册表

    原文:Wix学习整理(5)--安装时填写注册表 一 Microsoft操作系统的注册表 什么是注册表? 注册表是Mircrosoft Windows中的一个重要的数据库,用于存储系统和应用程序的设置信 ...

  7. Wix学习整理（6）——安装快捷方式

    原文:Wix学习整理(6)--安装快捷方式 一 为HelloWorld案例添加安装快捷方式 通常我们安装一个应用软件的时候,都喜欢在桌面或开始菜单中添加快捷方式以便我们快速访问.现在我们就在上篇添加注 ...

  8. Wix学习整理（7）——在开始菜单中为HelloWorld添加卸载快捷方式

    原文:Wix学习整理(7)--在开始菜单中为HelloWorld添加卸载快捷方式 通过前面的几篇随笔,我们已经给我们的HelloWorld提供了填写注册表信息,以及开始菜单快捷方式和桌面快捷方式.这些 ...

  9. Wix学习整理（4）——关于WiX文件格式和案例HelloWorld的分析

    原文:Wix学习整理(4)--关于WiX文件格式和案例HelloWorld的分析 关于WiX文件格式 .wxs是WiX的源文件扩展名..wxs文件以类XML文件的格式来指定了要构造Windows In ...

  10. Wix学习整理（3）——关于Windows Installer和MSI

    原文:Wix学习整理(3)--关于Windows Installer和MSI 关于Windows Installer Windows Installer是微软Windows操作系统自带的一个软件安装和 ...

随机推荐

  1. hdu4185二分图匹配

    Thanks to a certain "green" resources company, there is a new profitable industry of oil s ...

  2. java:Comparator比较器

    /*Comparator是java.util包里的一个接口,使用时应该实现导入相应的包, *再写一个实现了Comparator接口的类,并复写int compare(Object o)方法, *写出你 ...

  3. openresty源码剖析——lua代码的执行

    上一篇文章中我们讨论了openresty是如何加载lua代码的 那么加载完成之后的lua代码又是如何执行的呢 ##代码的执行  在init_by_lua等阶段  openresty是在主协程中通过lu ...

  4. Jedis连接池使用

    构建redis连接池,返还到连接池 private static JedisPool jedisPool = null; private static Jedis jedis; static { je ...

  5. Jlink下载问题

    在使用Jlink SWD模式进行下载的时候遇到了无法下载的问题. SWD模式下,共有4跟线,VCC.GND.SWCLK.SWDIO JTAG标准接口如下图所示: 一般情况下,目标板卡的 debug V ...

  6. nodeJS中的包

    前面的话 Node组织了自身的核心模块,也使得第三方文件模块可以有序地编写和使用.但是在第三方模块中,模块与模块之间仍然是散列在各地的,相互之间不能直接引用.而在模块之外,包和NPM则是将模块联系起来 ...

  7. 写给Android App开发人员看的Android底层知识（3）

    (七)App启动流程第2篇 书接上文,App启动一共有七个阶段,上篇文章篇幅所限,我们只看了第一阶段,接下来讲剩余的六个阶段,仍然是拿斗鱼App举例子. 简单回顾一下第一阶段的流程,就是Launche ...

  8. 《安卓网络编程》之第八篇 安卓与服务器之间通讯JSON

    JSON是什么? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于JavaScript(Standard ECMA-262 3rd Edition ...

  9. 用app.net Core搞点多国语言网站

    Asp.net Core 中文文档很少,你可以看英文的,不过英文的也是说的有点乱.这篇文章是干货. 1. 配置好你的WebApplication,使他可以支持国际化语言,修改文档Startup.cs ...

  10. 读 Zepto 源码之集合元素查找

    这篇依然是跟 dom 相关的方法,侧重点是跟集合元素查找相关的方法. 读Zepto源码系列文章已经放到了github上,欢迎star: reading-zepto 源码版本 本文阅读的源码为 zept ...