• 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.头标记
     
            
     
  • 相关阅读:
    vpp + vxlan
    vpp + frrouting
    VPP + vxlan
    dpdk: Unsupported PCI device 0x19e5:0x0200 found at PCI address 0000:05:00.0
    How-to: Build VPP FD.IO with Mellanox DPDK PMD on top CentOS 7.7 with inbox drivers.
    vpp[73384]: register_node:485: process stack: Invalid argument (errno 22)
    鲲鹏920上vpp--dpdk编译
    编译frr--python版本问题--Python-3.7.7
    安装vpp
    Go排序
  • 原文地址:https://www.cnblogs.com/runwind/p/4212248.html
Copyright © 2020-2023  润新知