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

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. mysql数据库面试总结

    数据库优化 建表优化 1)数据库范式 l 第一范式(1NF):强调的是列的原子性,即列不能够再分成其他几列. 如电话列可进行拆分---家庭电话.公司电话 l 第二范式(2NF):首先是 1NF,另外包 ...

  2. C++中发声函数Beep详解

    By zhcs 以前,我听过一个神犇用C++函数做的音乐,当时的心里就十分激动:哇,好厉害啊,好神啊. 这次,我终于通过自己无助的盲目的摸索.研究,写出了这篇文章(此时我的内心是鸡冻的233) 下面是 ...

  3. 我所知道的AJAX

    AJAX为“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),是一种广泛应用在浏览器的网页开发技术.Ajax是多项技术的综合应用. 1. 不同 ...

  4. Java发布一个简单 webservice应用 并发送SOAP请求

    一.创建并发布一个简单的webservice应用 1.webservice 代码: package com.ls.demo; import javax.jws.WebMethod; import ja ...

  5. 解决css引用图片不显示问题：background-image: url(../image/document.png);

    .icon-document { background-image: url(../image/document.png); display:block; float: left; width: 25 ...

  6. Object-C iOS纯代码布局 一堆代码可以放这里！

    前言: 最近写的文章都是创业类,好吧,今天好好写写技术类的文章! 不过分享的不是IOS相关的文章,毕竟这几天在速成IOS,看的是object-c,由于速成的很快,好累! 好在现在基本已经入了点门道了, ...

  7. POJ2635-The Embarrassed Cryptographer 大数求余

    题目链接:http://poj.org/problem?id=2635 题目分析: http://blog.csdn.net/lyy289065406/article/details/6648530

  8. 支付宝app支付服务器签名代码(C#)

    1,引入支付宝的sdk(AopSdk) 支付宝接口文档网站可下载,注意下载C#版本: 2,代码写的比较简单 public static string RSASign(string OrderNo,de ...

  9. Redis学习-Set

    在Redis中,Set类型是没有排序的字符集合,和List类型一样,可以在该类型的数据值上执行添加.删除或判断某一元素是否存在等操作.需要说明的是,这些操作的时间复杂度为O(1),即常量时间内完成次操 ...

  10. ANSJ中文分词使用方法

    一.前言 之前做solr索引的时候就使用了ANSJ进行中文分词,用着挺好,然而当时没有写博客记录的习惯.最近又尝试了好几种JAVA下的中文分词库,个人感觉还是ANSJ好用,在这里简单总结之. 二.什么 ...