黑马程序员-HTML学习笔记

ASP.Net+Android+IO开发S.Net培训、期待与您交流!

一、超文本标记语言。

              html语言中是由标签组成的。

              html中的数据都会封装在标签中。因为可以通过标签中的属性值的改变对封装内数据进行操作。

              确定html代码范围。

在该范围中可以定义两部分内容,一部分是头,一部分是体

             

                           

                           

             

              head:网页的一些属性信息。比如:标题。

              body:网页显示的数据

              标签特点:对于数据进行封装,那么就要开始标签和结束标签。

                            但是也有一些标签只体现单一功能,所以不需要结束标签,规范中要求标签必须要结束,所以这样的标签在内部结束。

                            如:
     


        

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

                              <标签名属性名="属性值" />

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

二、常见标签:

              1、字体:

              数据

              特殊部分:如果要在页面显示一些特殊符号,需要进行转义。

              <: <    >:>     &:   &    空格:                  

 

              标题标签:

~~~

              段落标签:

有勇气就会有奇迹

              范围标签:

              行内范围标签:

              水平线标签:


(该标签没有结束标签)

              2、列表标签:

                            上层项目:

                            下层项目:

                            项目符号标签:

                                         

    :有序的列表标签。

      :无序的列表标签。                                     

                                                这两个标签中的列表项都由

    • 标签封装。

                                  示例:

                                  1、游戏名称

                                                a.星际

                                                b.红警

                                  2、游戏内容

                                                a.攻略

                                                b.秘籍

                    3、图像标签:

                                  </span>图像说明文字<span style=" title= ""/>

      src属性:该属性指定图片文件所在的位置,可以是相对路径或者绝对路径。

      alt属性:指定替代文本,表示图像无法显示时(例如:图片路径信息错误或网速太慢等),替代显示的文本。Titile属性,可以提供额外的提示或者帮助信息。

                    4、表格标签:

                          

      标签中常用属性:

                           Cellpadding:指定单元格内容和单元格边框之间的距离。该属性可以是象素值,也可以是百分比。

                           Cellspacing:指定单元格之间的距离。可以是像素值或者百分比。

                           Width:指定表格的宽度。可以是像素值或者百分比。

                                  表格由行组成,行由单元格组成。

                                  表格中默认都由一个tbody标签

                                 

      //代表表格

                                               

      //代表行

                                                      

      ////单元格

                                               

                                               

                                                      

      //单元格

                                                      

                                               

                                 

      中内容是加粗并居中的效果

                                                      

                                  表格式最常用的标签,用于对数据进行格式化。

                           表格的高级标签:

                           年终数据报表:用于描述整个表格的标题

                           姓名年龄:用于定义表格的表头

                           :对应表格页眉,即表格的表头部分如:

                          

                                 

                                         月份

                                         收入

                                 

                           :对应表格的数据主体,通常内部封装

                           :对应表格的页脚,即各分组数据进行汇总的部分。

             单元格内容:表示此单元格由两个单元格合并而来(跨列合并)

             单元格内容:表示此单元格由两个单元格合并而来(跨行合并)

                    5、超链接:

                           href:表示链接地址的路径

                           target:制定链接在哪个窗口打开,_self(自身窗口)、_blank(新建窗口)等

                           新浪网站

                           当被点击后,会启动引擎所对应解析程序。

                           去查找指定主机。

                           1、先找本地主机的hosts文件。如果没有找到该主机对应的ip地址

                           2、去公网DNS服务器上找对应的ip地址。

                           联系我们

                           当点击超链接时,就会出现邮件相关联的解析程序,本机默认的是outlook

                           超链接的三种用法:

                           a、页面间的链接:A页到B页,最常用于网站导航
                           免费注册

                           登陆

                           b、锚链接:A页面甲位置到A页面(本页)的乙位置或A页面的甲位置到B页面的乙位置,称为锚链接。示例如下                 

                           一个位置 //定义一个位置

                           获取那个位置//单击转到"top"位置。

                           c、功能性链接:单击链接时不是打开某个网页,而是启动本机自带的某个应用程序,例如常见的电子邮箱、qq等。示例如下:

                    mailto:[email protected]>站长信箱

                    6、表单标签:

                           该标签是可以和服务端进行交互的。                    

                           表单标签中元素:

                           :该标签因为type属性的值的不同,所对应的组件也不一样。

                           type属性:

                                  1text:文本框,输入的文本可见。

                                  2password:密码框,输入的文本不可见。

                                  3radio:单选框,注意,要被选中,必须要给单选框定义一个属性name

                                                当有多个单选框时,只能有一个被选中,那么这些单选框的name值必须相同。

                                  4checkbox:复选框,当对多个数据进行同时选中时。

                                  5file:可以进行文件选择的组件。通常用于附件或者文件上传。

                                  6hidden:隐藏组件,该组件不会在页面上显示,但是其定义的namevalue可以提交到服务端。

                                  7buuton:按钮组件,自定义一个按钮默认是没有任何效果的,可以通过注册事件并加入自定义效果。

                                  8submit:提交按钮,将组件中添加的数据提交到指定的目的地。

                                  9reset:重置按钮

                                  10image:图像组件,为了避免提交按钮的难看,可以通过imagesrc属性连接一个好看的按钮图片完成提交效果。

                                  11、下拉式菜单:

                                        

                                 

                                  12hiddentype属性设置为"hidden"隐藏类型即可创建一个隐藏域。

                                  13readonlydisabled:设置只读和禁用属性。

                           文本区域: