run_wind

导航

HTML

HTML

    HTML,又称超文本标记语言。超文本,指的是超级文本,包括声音,视频,文字的大小颜色等显示效果。标记语言,不同于编程语言需要编译,一个html页面是由各种<>标签组成,他没有编译过程,直接由浏览器解析执行。
 
XHTML 符合XML语法标准的HTML
 
DHTML动态的HTML页面,javascript+css+html就是一个DHTML页面
 
HTTP 用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议,ftp:文件传输协议。
 
HTML规范:
    HTML是一个弱势语言
    HTML不区分大小写
    HTML后缀名是html和htm,因为dos系统最大支持3位后缀
    HTML的结构
        声明部分 <html> 主要是告诉浏览器要用什么标准来解析  比如<!doctype html>是HTML5标准
        头 <head> 一般是存储一些页面的额外信息,不会直接在页面上显示
        体 <body> 代码的主体,我们要体现的部分必须放到这里面
 
HTML只有一种单位就是像素
 
<body>的常用属性 1.text 文本颜色 2.bgcolor 背景色 3.background 背景图片
 
HTML的常用的10种标签(前8种必须掌握!)
    1.排版标签
        所有浏览器默认情况下都会忽略空行和空格
        <p></p>段落标签
            常用属性 align 对齐方式  值是right,left,center
        <br>换行标签
        <hr>水平线标签
            常用属性 1.color 线的颜色 2.width 线的长短(两种方式,一种是绝对值,一种是百分比) 3.size 线的粗细 4.align 对齐方式 5.noshade 没有阴影
        <pre></pre>预格式化标签,告诉浏览器不要忽略空行和空格
        <div></div>块标签,自己独占一行
            常用属性 align 对齐方式
        <span></span>块标签,不换行字体标记
    2.字体标签
        6种标题从大到小一次是<h1><h2><h3><h4><h5><h6>
            常用属性 align 对齐方式
        <font></font> 字体
            常用属性 1.color 字体颜色 2.size 字体大小 3.face 字体类型
        常用特殊字符&nbsp;空格 &lt;小于 &gt;大于 &amp; &符号 &quot; 双引号 &apos;单引号 &copy; 版权 &trade;商标 
        <b></b>加粗(<strong></strong>)
        <u></u>下划线
        <i></i>斜体(<em></em>)
        <s></s>删除线
        <sub></sub>下标
        <sup></sup>上标
    3.图片标签
        <img>代表一副图片
            常用属性 1.src 路径 2.width 宽度 3.height 高度 4.alt 当图片显示错误时显示的文字 5.title 提示性文本 6.border 边框 7.align 表示图片周围文字的对齐方式
         热点:就是图片点击特定的部分链接到不同的地址,一般用DW获得坐标才能做。
    4.清单标签
        无序列表 <ul><li><li></ul>
            常用属性 type 1.disc 实心圆(默认) 2.circle 空心圆 3.square 实心方点
        有序列表 <ol><li><li></ol> 
            常用属性 type 取值有 a  A  i  I  1 (默认阿拉伯数字)   start 从几开始,后面跟的是阿拉伯数字
        定义列表 <dl><dt>列表项的标题<dd>列表项</dl>
    5.超链接
        分为3种:a.链接到其他页面 <a href = "http://lol.qq.com/main.shtml">英雄联盟</a>
                        b.锚,给超链接起个名字,作用是链接到本页面和其他页面的特定位置,要使用name起名链接。<a href = "购物车.html" name = button1>购物车按钮</a>
                        c.链接到邮件 <a href = "mailto:dafytheworld@163.com">我的邮箱</a>
            常用属性 target 告诉浏览器怎么显示目标界面   1._self:在同一个浏览器中显示(默认) 2._blank:打开新的浏览器显示 3._top:在顶级窗口显示 4._parent:在父类窗口中显示
    6.表格标记
        常用标签<table></table>表格
            常用属性 1.border 边框 2.width 宽度 3.height 高度 4.align 对齐方式(表格内部内容的对齐) 5.cellspacing 单元格与单元格之间的距离 6.cellpadding 单元格内容到边的距离 7.bgcolor 背景颜色 8.background 背景图片 9.dir 单元格内容的排列方式  取值:ltr   rtl。
            <tr></tr>行
                常用属性 dir 排序方式 取值:ltr   rtl。  bgcolor 背景颜色
            <td></td>单元格
                常用属性 1.align 对齐方式 2.valign 内容的的纵向对齐方式 top middle bottom 3.width 宽度 4.height 高度
            单元格的合并 1.colspan 横向合并 2.rowspan 纵向合并
            <th></th> 相当于<td> + <b>     属性同<td>
           caption 表格的标题
                常用属性 align 取值 left,right,center,top,bottom
           thead
           tbody       
           tfoot    
                写与不写的区别: 当表格非常大的时候,如果不写,则必须等表格的内容全部下载完成才能显示。但是用tbody标签的话,那么边下载边显示。
       7.框架标记
            框架页面上不允许存在<body></body>
        frameset:框架的集合
            rows:纵向部分框架(两种写法,一种绝对值,一种百分比)
            cols:横向部分框架(两种写法,一种绝对值,一种百分比)
        frame:框架,一个框架显示一个页面
            常用属性 1.scrolling 是否需要滚动条,默认是true 2.noresize 固定大小 3.bordercolor 给框架边框设定一个颜色 4.name 给框架起一个名字
            iframe 内嵌框架 
                常用属性:1.width 宽度 2.height 高度 3.scrolling 是否需要滚动条,默认是true
        8.表单标记语义化
            <form></form>表单标记,属于容器标记。
                常用属性 action 后面跟的是网址,提交的目的网址 method 提交的方法,默认是get,但是传输内容有限制大小而且还有安全问题,可以用post来解决
                各种输入方式举例:
                单行文字盒  只读:readonly   不可焦点disable
<input type = "Text" name = "age" value = "20" size = "30" maxlength = "9">
单一选项(注意名字要一样才能实现单选)
<input type = "Radio" name = "gender" value = "man" checked>man
<input type = "Radio" name = "gender" value = "woman">woman
多选(确认盒)
 <input type = "Checkbox" name = "like" value = "basketball">basketball
 <input type = "Checkbox" name = "like" value = "football">football
 <input type = "Checkbox" name = "like" value = "run">run
 密码盒
 <input type = "Password" name = "pw" size = "30" maxlength = "9">
 传送键,清除键,图片按键,按键
 <input type = "Submit" name = "submit" value = "确定">
 <input type = "Reset" name = "reset" value = "清除">
 <input type = "Image" name = "Submit" src = "shop.gif" >
 <input type = "button" name = "button" value = "按键">
 Hidden 隐藏的,不显示的
 <input type = "Hidden" name = "hidden" value = "隐藏的,不显示的">
 File 文件
 <input type = "File" name = "file" size = "30" maxlength = "9" accept = "java/html">
 
 选单标记
 <select>
 <option value = "chinese">Chinese</option>
 <option value = "english">English</option>
 </select>
常用属性 1.multiple 可以多选 2.size 设定选单个数
 
表单文字区块
<textarea name = "big text" rows = "4" cols = "40">犯我德邦者,虽远必诛!</textarea>
        9.多媒体标记
bgsound: 背景音乐 
                    常用属性:1.src 音乐文件路径  2.autostart 是否在文档传完后自动播放,默认是false  3.loop 循环次数,Infinite是循环多次
embed: 播放多媒体文件
                    常用属性:1.src 多媒体文件路径 2.autostart 是否在文档传完后自动播放,默认是false  3.loop 循环次数,Infinite是循环多次 4.hidden 是否隐藏控制画面,默认是false
marquee: 移动
    常用属性:1.direction 移动目标方向 left,right ,up,down ,up,down移动距离是固定的200px  2.behavior: 行为方式 取值:slide一格格移动,alternate文字左右撞,scroll卷动(内定)  3.scrollamount : 移动速度   4.loop: 循环多少圈。负值表示无限循环  5.scrolldelay: 移动一次休息多长时间。单位是毫秒
        10.头标记
 
        
 

posted on 2015-01-09 00:09  run_wind  阅读(194)  评论(0编辑  收藏  举报