zoukankan      html  css  js  c++  java
  • 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.头标记
     
            
     
  • 相关阅读:
    grunt in webstorm
    10+ Best Responsive HTML5 AngularJS Templates
    响应式布局
    responsive grid
    responsive layout
    js event bubble and capturing
    Understanding Service Types
    To add private variable to this Javascript literal object
    Centering HTML elements larger than their parents
    java5 新特性
  • 原文地址:https://www.cnblogs.com/runwind/p/4212248.html
Copyright © 2011-2022 走看看