JavaScript一_HTML

html

一、html

    html:超文本标记语言;html语言中是由标签组成的,html中的数据都会封装在标签中,因为可以通过标签中的属性值的改变对封装内数据进行操作。

    确定html代码范围:,在该范围中可以定义两部分内容,一部分是头,一部分是体。

   

       

       

   

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

    body:网页显示的数据。

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

如:


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

         <标签名 属性名 =“属性值”/>

    操作思想:为了操作数据,都需要将数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作。标签就相当于一个容器。对容器中的数据进行操作,就是在再不断的改变容器的属性值。

常见标签:

    1、字体标签: 数据

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


        标题标签:

...

    2、列表标签:

            上层项目:

            下层项目:

            项目符号标签:

      这两个标签中的列表项都由
    1. 标签封装。

          示例:

              1.游戏名称

                  a.星际

                  b.红警

              2.游戏内容

                  a.攻略

                  b.秘籍

      代码如下:

      
      
      
      
      游戏列表标签演示
      
      1. 游戏名称
        1. 星际争霸
        2. 红色警戒
      2. 游戏内容
        1. 攻略
        2. 秘籍

          3、图像标签:

             

          align:属性定义图片的排列方式,border:用来设置图像的边框。

          4、表格标签:

      :表格由行所组成,行由单元格组成。表格中默认都有一个tbody标签。

          组成:标题标签:

      ;单元格标签:和。

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

      代码演示:

      
      
      
      
      表格标签演示
      
      ;表头标签:
      ;行标签:

          每个表格可以有一个表头、一个表尾和多个表体(正文),分别以THEAD、TFOOT、TBODY元素表示;THEAD、TFOOT包含关于表格列的信息。

          TBODY作用是:可以控制表格分行下载,从而提高下载速度。(网页的打开是先表格的的内容全部下载完毕后,才显示出来,分行下载可以先显示部分内容,这样会减少用户等待时间。)

          使用TBODY的目的是可以使得这些包含在内的代码不用在整个表格都解析后一起显示,就是说如果有多个行,那么如果得到一个TBODY行,就可以先显示一行。

          TBODY这个标签可以控制表格分行下载,当表格内容很大时比较实用,在需要分行下载处加上

      个人信息张三
      30

      个人信息
      张三30

      表格标题
      姓名年龄
      张三30

          5、超链接:

         上网导航

          当被点击后,会启动引擎对应解析程序。去查找指定的主机。

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

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

          联系我们

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

          超链接的另一个作用:定位标记;

              顶部位置

              回到顶部位置

      代码演示:

      
      
      
      
      超链接2
      联系我们
      半斤八两(许冠文)

      好123上网导航


      回到顶部位置回到中间位置

          6、表单标签:该标签是可以和服务端进行交互:

          表单标签中的元素:

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

          type属性:

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

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

          3、radio:单选框,注意,要被选中,必须要给单选框定义一个属性name。当有多个单选框时,只能有一个被选中,那么这些单选框的name值必须相同。

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

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

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

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

          8、reset:重置按钮,将组件中被操作的效果还原到初始状态。

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

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

          下拉菜单:

                 

             

          文本区域: