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

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. hdu2389二分图之Hopcroft Karp算法

    You're giving a party in the garden of your villa by the sea. The party is a huge success, and every ...

  2. Spring+SpringMVC+MyBatis+easyUI整合优化篇（十四）谈谈写博客的原因和项目优化

    阶段总结 又到了优化篇的收尾阶段了,这其实是一篇阶段总结性的文章,今天是4月29号,距离第一次发布博客已经两个月零5天,这两个多月的时间,完成了第一个项目ssm-demo的更新,过程中也写了33篇博客 ...

  3. Volley使用指南

    1.什么是Volley 在这之前,我们在程序中需要和网络通信的时候,大体使用的东西莫过于AsyncTaskLoader,HttpURLConnection,AsyncTask,HTTPClient(A ...

  4. 谈谈RDD、DataFrame、Dataset的区别和各自的优势

    在spark中,RDD.DataFrame.Dataset是最常用的数据类型,本博文给出笔者在使用的过程中体会到的区别和各自的优势 共性: 1.RDD.DataFrame.Dataset全都是spar ...

  5. redis的主从复制

    一.主从复制概述 二.主从复制的过程:

  6. 详解JS对象

                                          [自定义对象] 1.基本概念 ①对象是包含一系列无序属性和方法的集合: ②键值对:对象中的数据是以键值对的形式存在的,以键取 ...

  7. [刷题]算法竞赛入门经典(第2版) 5-9/UVa1596 - Bug Hunt

    //开学了,好烦啊啊啊啊啊!怎么开个学那么多破事情!!都俩星期了,终于有时间写出来一道题 题意:不难理解,不写了.这几天忙的心累. 代码:(Accepted, 0.010s) //UVa1596 - ...

  8. Java IO详解（一)------字节输入输出流

    File 类的介绍:http://www.cnblogs.com/ysocean/p/6851878.html Java IO 流的分类介绍:http://www.cnblogs.com/ysocea ...

  9. js事件小结

    首先事件绑定分为2种方法 一种为"DOM0级"方法,这里我理解为事件指定 var oDiv = document.getElementById("div1"); ...

  10. 在Eclipse IDE使用Gradle构建应用程序

    文 by / 林本托 Tips 做一个终身学习的人. 1. 下载和配置Gradle Gradle Inc.是Gradle框架开发的公司,为Eclipse IDE提供了Gradle工具的支持. 此工具可 ...