• 学习之HTML


    1)Trident引擎就是IE的WebBrowser控件,非IE核心的浏览器用WebKit引擎

    2)静态页面:一个html页面保存在服务器上

       动态页面:服务器动态生成的HTML页面发给浏览器

    3)HTML中属性值可以用单引号,也可以用双引号

    4)格式标签:<p></p>创建段落,<br/>回车(可以不关闭,与XML区别)

    5)特殊字符:&lt;-小于号,&gt;-大于号,&nbsp;-空格

    6)注释:<!--*****-->

    7)W3C页面可以用来校验html的正确性、是否符合规范

    8)<pre></pre>可以按原本的文本形式进行输出,可以正常显示空格

    9)回车只是换行,而段落之间会有较大的空白

    10)../image/pic.jpg-----父目录

         /image/pic.jpg-----根目录

         ../ ../image/pic.jpg-----父目录的父目录

         image/pic.jpg-----当前目录

    11)<a>的target属性设定为“_blank”就可以在新窗口中打开超链接

    12)<a name=”hre”>+href属性,用于超链接

    13)img中最好指定width、height,哪怕图片没有加载完成,也会先把位置占上

         图片的缩略图的实现,不能仅仅通过width、height设置。应该用PS等工具将原大图按百分比进行缩略处理,在项目中同时有大图和小图两个

    14)网站与服务器通讯:表单

    15)<form>为表单标签,若要把数据提交到服务器,则需要将<input><textarea><select>等表单元素放到form中

    16)<input>是主要的表单元素,通过type设置类型为submit、button、checkbox、file、hidden、image、password、radio、reset、text

         //submit:点击submit按钮,表单就会被提交给服务器,IE默认按钮文本为“提交查询”,通过设置value修改

         //text:size控件大小,value控件文本,maxlength控件中文本最大长度(最大为50),readonly=”readonly”只读(也可以只写readonly,不推荐)

         //checkbox:checked=”checked”显示选中状态(也可只写checked,不推荐)

         //radio:同一组radio用name进行分组,组内选中状态才可以互斥,组间不会互相影响

         //file:form的enctype属性设置为multipart/form-data、method属性为post时,file才能提交服务器

         //image:使用src属性指定图片地址,可用来实现美化的“登录按钮”

    17)<select>标签用来创建类似winform的combobox或listbox(通过size大小来区分是哪个,size的值为显示出来的列表数量,大于1为listbox,或设置select的multiple属性)

         <select>的每一项用<option>,项的值(索引值,而非文本值)属性为value,默认选中属性<option selected=”selected”>(可以同时对多项进行此设置),value=”-1”时表        示该项不选择

         <select>分组还可以用optgroup,label用来设置组的标题,标题不可以被选中

    18)<textarea>中,cols和rows用来设置列行

    19)<hr/>:打横线

    20)<label>for=”name”表示为id=name的控件服务,用来实现点击一个文本时使光标锁定到用户要操作的位置

    21)<fieldset>类似于winform的groupbox,legend标签用来设置标题,里面用input标签填充其它类型的控件

    22)CSS层叠样式表之style样式

      (1)在某个元素上直接设置style样式

        在元素的style内设置background-color项等样式信息

      (2)页面嵌入

        Head标签中写style标签,设置type=”text/css”,内容位置编辑input{}p{}等,设置样式,在body中的input等标签里用type=”text”引用CSS

      (3)引用CSS文件

        Head中建link标签,type=”text/css”, rel=”stylesheet”, href=”css1.css”;body中用type引用CSS

      //换肤效果:引用两个CSS文件,进行切换

    23)层:div,把一对内容打包进行整体移动、隐藏等操作,类似于panel

         块:span,同为打包,并能同标签外的文本同行显示,而div单独占据一行,标签前后的文本与标签分行显示

       //div是将内容放到一个矩形的区块中,会影响布局,而span只是把一段内容定义成一个整体进行操作,但不应该布局、显示

    24)常见style样式:

      (1)    css计量单位:px像素,30%百分比,em相对单位

      (2)    background-color

      (3)    border-style(默认无边框),border-color,border-width(默认为0)

      (4)    display,元素是否显示:none,block块级元素(类似于div),inline内联元素(类似于span)

      (5)    cursor,鼠标在元素上显示的光标图标,cursor(默认),pointer,text,walt,help

          //设置个性图标时,元素的样式中cursor:url(sth.ani);

          //.ani或者.cur格式的文件才可以如上设置

      (6)    li不显示圆点:LIST-STYLE-TYPE:none,用于li或ul上

    25)<u></u>用来对文本添加下划线

    26)样式选择器:标签选择器,class选择器,id选择器

      (1)标签选择器:input{border-color:yellow},则所有input元素都会采用此样式

      (2)class选择器:在<style>内声明name{background:yellow},在body的元素中用class=”name”进行引用

      注:标签+class选择器:input.name{}label.name{},实现了不同标签下同名class的不同样式

      (3)id选择器:head的style中定义#idname{},body中<input id=”idname” class=”name” type=”text” value=”…”/>

    27)关联选择器:P strong{},表示P标签内的strong标签内的样式

    28)组合选择器:H1,H2,input{},同时为多个标签设定一个样式

    29)伪选择器:为标签的不同状态设定不同的样式,visited超链接点击过的样式,active选中超链接的样式,link超链接未访问的样式,hover鼠标移到超链接的样式

            A:visited/active/link/hover{TEXT-DECORATION:none/underline}

    30)设置超链接样式:在head中创建link标签,在link标签中设置样式

  • 相关阅读:
    设置zookeeper开机自启动
    安装zookeeper
    Elasticsearch 5.6.5 安装head插件
    [redis] Node is not empty. Either the node already knows other nodes
    【redis】 redis 创建集群时,Waiting for the cluster to join.... 一直等待
    [redis] redis.clients.jedis.exceptions.JedisDataException: MOVED 13102 127.0.0.1
    [linux] FastDFS访问文件,400 Bad Request
    [linux] Nginx编译安装错误error: the HTTP rewrite module requires the PCRE library
    [java] java解析txt文件
    【java】 java 解压tar.gz读取内容
  • 原文地址:https://www.cnblogs.com/XscapeSpace/p/3768569.html
Copyright © 2020-2023  润新知