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

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. MongoDB Java Driver 3.4操作

    导入jar包 <dependency> <groupId>org.mongodb</groupId> <artifactId>mongo-java-dr ...

  2. oracle高效分页查询总结

    本文参考链接:http://blog.sina.com.cn/s/blog_8604ca230100vro9.html 探索查询语句: --分页参数:size = 20 page = 2 --没有or ...

  3. 为什么要用Handler ？

    我的理解,Handler的好处之一就是配合子线程处理数据之后控制UI的显示. 如下是http://www.cnblogs.com/sydeveloper/p/3312865.html的完美解释: 当应 ...

  4. jenkins部署

    第一步:官网下载jenkins:http://Jenkins-ci.org/ 第二步:安装jdk:(参考jdk安装)http://www.cnblogs.com/tanghuang/p/5805514 ...

  5. OC继承以及实例变量修饰符

    这里基本上跟java一样 所以就简单写几点要注意的: 1)OC与java一样都只支持单继承可以多层继承(java单继承多实现) 2) OC中的实例变量修饰符前要加 @ 例如 @private 例如下面 ...

  6. ural 1297. Palindrome

    题目链接:http://acm.timus.ru/problem.aspx?space=1&num=1297 求最长回文子串 典型的后缀数组的入门题目,但是可以用更简单的方法解决,毕竟数据量比 ...

  7. 2017最新最稳定的彩票源码PHP+mysql 新增彩种+全新界面

    网站后台管理系统:新闻资讯系统 用户管理系统用户登录日志彩种规则说明玩法时间设置彩票期号管理足球对阵管理彩票方案撤单彩票出票管理开奖号码管理彩票方案查询彩票中奖查询 彩票追号查询服务支持中心财务中心管 ...

  8. 用ajax写分页查询-----2017-05-17

    要写分页,首先你得清楚,一页你想显示多少条信息?如何计算总共显示的页数? 先说一下思路: (1)从数据库读取数据,以chenai表为例,读取所有留言信息.并能够实现输入发送者,可以查询该发送者的留言总 ...

  9. python中的数字

    在编程中,通常使用数字来记录游戏得分,表示可视化数据.存储web应用信息等. #运算# 1,基本运算 >>> 2+35>>> 1-2-1>>> 3 ...

  10. An Introduction to Stock Market Data Analysis with R (Part 1)

    Around September of 2016 I wrote two articles on using Python for accessing, visualizing, and evalua ...