黑马程序员-HTML学习总结

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------

HTML,超文本标记语言,即 Hypertext Markup Language,是用于描述网页文档的一种标记语言。

1.HTML基础标签:

    <!DOCTYPE>:   声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

   <html> : 说明该文件是用HTML来描述的。它是文件的开头,而</html>则表示该文件的结尾,它们是html文件的始标记和尾标记

   <head></head> :定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等 。可以放在head的 标 签有:<base>, <link>,<meta>, <script>, <style>,以及 <title>。

   <title></title>:定义文档的标题,是 head 部分中唯一必需的元素。

    <body></body>:定义文档的主体

  2.html的控件标签

    表单<form></form>

             表单用于向服务器传输数据,表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

             表单的主要属性:

             action :一个必需的属性,URL,规定当提交表单时,向何处发送表单数据;

             <form action="defualt.asp" method="get">

             <p>First name: <input type="text" name="fname" /></p>

             <p>Last name: <input type="text" name="lname" /></p>

              <input type="submit" value="Submit" />

             </form>

             当点击提交按钮后,表单的内容会被提交到defualt.asp页面。

             method:定义向服务器发送表单内容的方法,有POST 和GET两种方法;

             name:定义表单的名称;

             enctype: 属性规定在发送到服务器之前应该如何对表单数据进行编码,enctype有以下几种值:

                                   application/x-www-form-urlencoded:在发送前编码所有字符(默认)

                                   multipart/form-data:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值

                                   text/plain:空格转换为 "+" 加号,但不对特殊字符编码

             target:定义action的URL打开方式,常用方式有_blank:在新窗口打开,_self 默认:在原窗口打开;

        <input>   

                   <input>  用于搜集用户信息,根据type的取值,可以定义文本字段、复选框、掩码后的文本控件、单选按钮、按钮。

                    主要属性:name,只有设置了 <input>元素的名称,才能在提交表单的时候传递元素的值

                               例如:<input type = "text"/>定义一个文本框;

                   <label> 标签为 input 元素定义标注(标记),label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上,<label> 标签的 for 属性应当与相关元素的 id 属性相同:

                                   <label for = "123">内码</label><input id = "123" type = "text"/> 点击‘内码’光标会移到文本框内

        <textarea> 

                   定义多行文本输入控件,

                                 <textarea rows="3" cols="20">

                               一个3行20列的文本

                                 </textarea>      

      <button> 标签定义一个按钮    

      <select>  定义一个选择列表,相当于WINFORM的ListBox

                                   <select>

                                   <option value ="1">北京</option>

                                   <option value ="2">上海</option>

                                   <option value="3">广东</option>

                                    </select>

          主要属性:

          disabled:禁用下拉列表框;

          multiple:允许选择列表中的多项

              <select multiple = "multiple" size = "2" >

              <option value ="1">北京</option>

              <option value ="2">上海</option>

              <option value="3">广东</option>

              </select>

          name:定义列表框的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据

          disabled: 属性规定禁用下拉列表。被禁用的下拉列表既不可用,也不可点击。

  <option> 定义下拉列表中的一个选项(一个条目)

           option 元素位于 select 元素内部

           主要属性:

           disabled:表示该项被禁止使用,可以使用 JavaScript 来清除 disabled 属性,以使选项变为可用状态

           selected:加载页面时选中该项 

           value:表单被提交时被发送到服务器的值,<option> 与 <option/> 之间的值是浏览器显示在下拉列表中的内容,而 value 属性中的值是表单被提交时被发送到服务器的值         

4.html中特殊字符

          html中的<、>都是有特殊含义的因此在html需要特殊符号

           &lt:小于号(less than)

           &gt:大于号(greater than)

           &nbsp:空格(No break-space)

5.CSS

     使用方式:元素内联、页面嵌入、外部引用

     元素内联:直接将样式写入元素的style属性  如:<input type = "text" style =" background-color :Red"/>,适用于样式没有可复用性场合

     页面嵌入:在<head></head>中加入,适用于样式可复用的场合

                  <head>

                                          <title>标题</title>

                  <style type ="text/css">
                   input{background-color:Green;}
                  </style>

                  </head>

     外部引用:将CSS内容写入以CSS后缀的文件,适用于多个页面共享

              input
            {
              background-color :Yellow
            }

            在<head></head>中添加

            <link type ="text/css" rel = "Stylesheet" href ="Ssheet.css"/>

      级别:元素内联 >页面嵌入>外部引用

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------

      

                   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值