html学习总结

1.html: HaperText Markup language 超文本标记语言 ,只支持一种单位,即像素(xp),因此默认不写.
  标记:也叫标签,必须用大于号和小于号组成,中间夹一个英文单词或者字母. 每个标记的含义是固定的。标签中加一个斜杠就代表结束标签.eg: <font>标签含义就是代表字体.代表的是开始到结束标签中的字体.</font>就是结束.
  超文本:带有超链接的文本,但不仅限于文本.
  每个标签又规定了一些属性,用来限定标签代表内容的样式。必须写在开始标签的尖括号内,每个标签有自己特有的属性,不能共用也有一些属性是共有的。eg:<font color = "red"> color就是一个属性,代表的是字体的颜色。值是红色.<font>标签代表的字体就会显示为红色.


2.html: 是一个弱势语言。就是语法的要求不严格。不按照语法写也不会报错,也不区分大小写。html是由浏览器来解析。也就是说html是一个解释性语言.
    html,css,javascript都是由浏览器直接解析.


3.xhtml: 是指符合xml语法要求的html.
4.dhtml: 是动态网页。是指的html + css + javascript 组成的网页.


5.html的结构:
    <head> : 头标签
    <body> : 身体。


6.常用标签:
 (1) <body> : 身体标签.
       属性:text: 颜色
             bgcolor: 背景颜色
             background: 背景图片
             leftmargin: 内容到左边的距离
    topmargin: 内容到上边的距离
         颜色的写法:3种:a. 英文单词
                          b. 16进制写法
                          c. 了解( new rgb(121,111,54))
         路径的写法:2种:a.绝对路径
                          b.相对路径(相对html文档<页面>的路径)


 (2) <font> : 字体
       属性:color:字体颜色
             size: 字体大小 从-7到+7
             face: 字体类型


 (3) <h1> ~<h6> :字体大小
       属性:align: 对齐方式,left,right,center.


 (4) <pre>:预格式化标签(不要忽略空格)


 (5) <a>:超链接
       属性: href:点击超链要去的页面路径 
             name:设置锚点  
                  分类:链接到本页面的锚点处叫内部链接,链接到其它页面叫外部链接,链接到邮件叫邮件链接
             target(超链接的打开方式):目标.值有:_self(默认) _blank(新开启一个浏览器显示), _parent,_top
       技巧:每隔3秒自动刷新
             在<head>标签中加<meta http-equiv="refresh" content = "3"> 
             隔3秒自动转向另外一个页面
       在<head>标签中加<meta http-equiv="refresh" content = "3;url=http://www.sohu.com" > 


 (6) <img>:代表的是一幅图片
        属性:src:图片路径
              width: 宽度
              height:高度
              alt: 提示性文本
              title: 提示性文本(共用属性)
              border:给图片加一个边
     <p>:代表一个段落(单独占据一行还要加一个空行)
属性:
             align: 对齐方式
     <br>:换行
     <hr>:代表一条横线
           size:代表粗细
           width:代表长度(2种写法,a:绝对值 b:相对长度(相对页面的宽度))
           color:颜色
           noshade: 不带阴影
     <b>:加粗
     <i>:斜体
     <u>:带下划线
     &nbsp:代表空格 &lt: 小于号 $gt:大于号 &amp: &符号 &copy: 版权
     <sup>:上标
     <sub>:下标
     <center>:内容居中
     <table>: 表格
         属性:border:边
               background:背景图片
               bgcolor:背景颜色
               width: 宽度
               height: 高度
               bordercolordark:边的暗色(表格的下边和右边,单元格的上边和左边)
               bordercolorlight:边的亮色(表格的上边和左边,单元格的下边和右边)
               cellpadding: 是单元格中内容到边的距离
               cellspacing: 是单元格和单元格的间距
     <tr> :行
        属性:bgcolor:背景颜色
     <td> : 单元格
        属性: bgcolor:背景颜色
              background: 背景图片
              algin:横向对齐left,right,center
              valign:竖向对齐top,middle,bottom
              rowspan:行的合并
              colspan:单元格的合并
     <ul>:无序列表   <li>:列表项
        属性:type: 显示的类型(默认为disk)  disk(实心圆) cirlce(空心圆) square(实心方形)
     <ol>:有序列表
        属性:type: 显示类型.值:1,a,A,i,I 
              start: 指定从某个位置开始
     <dl>: 定义列表
     <dt>: 每个组的标题
     <dd>: 每个条目
     
     <label>: 文本标签
     
     <div>: 块级标签
     <span>: 块级标签
     热点问题:需要用dreamweaver解决.
     热点:给图片的局部区域加超链接
     <frameset>: 框架集合 将多个页面合成一个页面显示在浏览器中
          牢记:框架页面中不允许有<body>标签
属性:scrolling:不要滚动条 值:no,yes
     noresize: 不能改变框架大小
              bordercolor: 边的颜色
              name:名字
     <frame>:框架 一个框架显示一个页面


     <form>:表单 作用:是提交信息给服务器
      属性:action(提交的目的地) method(提交方式:get、post)


        <input>: type :是控件的类型
            text:普通文本框
               属性:size:文本框的宽度.(大小的单位是显示的字母个数)
                     readonly:只读 值:readonly 可写可不写
                     value: 文本框的内容
            passwrod:密码框. 属性同上
            hidden: 隐藏的文本框
            radio: 单选按钮.(名字一样的只能选择一个)
               属性:checked:默认选中。值:checked 可写可不写
            checkbox: 多选按钮
      属性:checked:默认选中。值:checked 可写可不写
            submit: 提交按钮.提交到form标签属性action指定的目的地去。
            reset : 重置按钮.将表单中的控件恢复到初始状态
            button: 普通按钮。调用js代码用的
            image: 图片按钮. 功能和submit一样.
        <select>:下拉框
        <option>:选项
            属性:selected:默认选中 值:selected 可写可不写
        <textarea>:多行文本框
            属性:cols:定义多少列
                  rows:定义多少行


        <fieldset>:给表单或者标签控件加一个框
        <legend>: 给框上加一些文字
        
        注释:<!--   -->
        
        在html中,向服务器提交信息只有两种方式:a.超链接(<a>)   b.表单(<form>)
        其区别有:
        信息安全上:表单提交的信息其他人不可见,而超链接提交的信息会附在链接后边,提交时可见,因此表单更安全
        提交信息的大小:超链提交的信息的大小不能超过2M,有大小限制


       ECMA:欧洲计算机制造商协会

猜你喜欢

转载自blog.csdn.net/SmartAnt_5658/article/details/80761280