黑马程序员-html超文本标记语言

本文主要是介绍黑马程序员-html超文本标记语言，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

---------- android培训 java培训期待与您交流！------------

html: 超文本标记语言

   html语言中是由标签组成的.
   html中的数据都会封装在标签中.因为可以通过标签中的属性值的改变对封装类的数据进行操作

   确定html代码的范围.<html></html>
   在该范围中可以定义两部分类容,一部分是头,一部分是体
   <thml>
       <head></head>
       <body></body>
   </html>
   head:网页的一些属性信息,比如标题
   body:网页显示的数据

   标签特点:对于数据进行封装,那么就有开始标签,和结束标签.
       但是也有一些标签体现单一功能,所以不需要结束标签,规范中要求标签必须要结束
       所以这样的标签在内部结束
       如:<br/><hr/><img/><input />

   标签格式:<标签名属性名="属性值" >数据</标签名>
       <标签名> 属性名="属性值" />

-------------------------------------------------------------------

   常见标签:

   1.字体 :<font>
   <font size="8" color="red" >数据</font>
   特殊部分:如果要在页面显示一些特殊符号,需要进行转意.
   < : <                   >:&gt
   & : &amp           空格:  

   标题:<h1><h2><h3><h4><h5><h6>

   列表标签:

dl是定义列表，默认显示如下（其中，点代表空格）：

aaa

...aaaa

...bbbb

...cccc
        <dl>
            <dt></dt>
            <dd></dd>
            <dd></dd>
       </dl>

   项目符号标签:

           ul是无序列表，默认显示如下：
              ·aaaaa
              ·bbbb
              ·ccccc

        <ul>
           <li></li>
           <li></li>
       </ul>
       ol是有序列表，默认显示如下：
          1 aaaa
          2 bbbb
          3 cccc

        <ol>
           <li></li>
           <li></li>
       </lo>

   图像标签:<img>
       <img src="" alt="图像说明文字"/>

   表格标签:<table>
       表格由行组成,行由单元格组成
       表格中默认都有一个<tbody>标签.
       标题标签: <caption>

       <table border="1" bordercolor="red" width="60%" cellpadding="10" cellspacing="0">
           <tr>
               <th></th>
               <th></th>
           </tr>
           <tr>
               <td></td>
               <td></td>
           </tr>
       </table>
       表格是最常用的标签,用于对数据进行格式化

   超链接:<a>
       <a href="" target="_blank">新浪网站</a>

       <a href="mailto:abc@sohu.com?subject=haha&cc=qq@163.com">联系我们</a>

       超链接还有一个作用:
           定位标记:
           <a name="top">一个位置</a>
           <a href="#top">获得那个位置</a>


   表单标签:
   该标签是可以和服务端进行交互的;
   <from>
   表单标中元素:
   <input>:该标签因为type属性值的不同,所对应的组件也不同
       type:属性

       1.text 文本框
       2.password 密码框
       3.radio 单选框每个单选框必须要name属性一样
       4.checkbox 复选框 name属性也要一样
       5.file 可以进行文件选择的组件
       6.hidden:隐藏组件,该组件会记录一些数据发送的服务端
       7.botton :按钮
       8.reset:重置按钮
       9:submit: 提交按钮
       10.image: 图像组件,也具有提交能力

   下拉菜单:<select>
       每一个下拉菜单项都有<option>进行封装
       <select>
           <option></option>
           <option></option>
       </select>

   文本区域:<tsxtarea> 一个更大的文本输入框

   表单组件通常都会定义name和value属性,因为要将数据发送给服务端
   服务端只有知道了name值才可以对提交的数据进行分别获取

   form标签中常见属性
   action:知道数据提交的目的地.
   method:提交方式.两张常用值get和post,get为默认

   get和post的区别:

   get会将提交的数据显示在地址栏上,
   post不会显示

   get提交数据的体积受到地址栏的限制
   post可以提交大体积数据.

   get对于敏感数据信息不安全
   post相对于get安全

   get会将提交信息封装在请求行中,也就是http消息头之前
   post会将将信息封装在数据体中,也就是http消息头之后的空行后