HTML


1.html是超文本标记语言的简写,是最基础的网页语言。

2.html是通过标签来定义的语言,代码都是由标签所组成。

3.html代码不用区分大小写。

4.html代码由开始,结束。里面由头部分和体部分组成。

这是一个网页的标题。

这是我的


网页内容

 这些尖括号里的就是标签,比如标题标签,字体标签,换行标签,水平分割线标签。

5.头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会首先加载。

6.体部分是真正存放页面数据的地方。



多数标签都是有开始标签和结束标签的,但有个别标签因为只有单一功能,或者没有修饰的内容,

可以直接在标签内结束。  比如:换行标签
  水平分割线标签


想要对标签修饰的内容进行更丰富的操作,就要用到了标签中的属性。属性与属性值用“=”连接。属性值用双引号或单引号引导。

格式:<标签名 属性名=‘属性值’>数据内容

      <标签名 属性名=‘属性值’ />

操作思想:

为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行不同的操作。

标签就相当于一个容器,对容器中的数据进行操作,就是在不断的改变容器的属性值。

html语言中要用到大于号和小于号时,就要加上转义字符了。比如:  大于号  <;   小于号>;




列表标签:

上层项目:

下层项目:

  封装的内容是会被缩进的,有自动缩进效果。

有序:

      无序:
        无论有序和无序,条目的封装用的都是
    • ,而且他们都有缩进效果。


      这是一个网页的标题。

      这是我的


      网页内容

               

      • 无序项目列表
      •              

      • 无序项目列表
      •        

      • 无序项目列表

           

      1. 有序项目列表
      2.              

      3. 有序项目列表
      4.        

      5. 有序项目列表




      图像标签:

      这是一个网页的标题。

      这是我的


      网页内容

      wa




      表格标签

      这是一个网页的标题。

      这是我的


      网页内容

         

         

         

         

      表格标题
      姓名: 张三
      年龄: 39

      不规则的表格


             

       

           

             

      个人信息
      张三 30


             

         

       

             

      个人信息 张三
      30

      注意:表格的下一级标签是tbody,不定义也存在,默认就是这个。



      超链接标签

      两种用法:

      一:超链接。用于链接资源。

      这是一个网页的标题。

      百度


      图片


      这是个超链接

      二:定位标记。专业术语叫锚

      这是一个网页的标题。

      顶部位置



      中间位置


      回到顶部位置

      回到中间位置





      框架标签:

      这是一个网页的标题。

         

         

         

         

         






      画中画标签



      ***************重点掌握

      表单标签

      表单标签是最常用的标签,用于与服务端的交互。

      这是一个网页的标题。

      输入名称

      输入密码

      选择性别:

       

       

      选择技术:JAVA

       HTML

       CSS

       

       

      选择文件:

      一个图片:

      隐藏组件:

       

      一个按钮:

       









      综合练习:

      这是一个网页的标题。

      注册表单
      用户名称
      输入密码:
      确认密码:
      选择性别:

         

           

      选择技术:

          JAVA

            HTML

            CSS

      选择国家:

         

         

         




      和服务端交互的三种方式:

      1.地址栏输入url地址。  get

      2.超链接。             get

      3.表单。               get和post      



      如果在客户端进行了增强型的校验(只要有一个组件内容是错误的,就无法提交),比如两次密码输入必须一致。

      问,服务端收到数据后,还需要校验吗?

      肯定需要。为了安全性。不然客户端直接在地址栏随便输都能完成注册了,性别都可以随便写了。


      如果服务端做了增强型校验,客户端还需要校验吗?

      需要。因为要提高用户的上网体验和效率,也是为了减轻服务端的压力。


      标签分为两大类:

      1.块级标签:标签结束后都有换行。比如div p dl table ol ul 

      2.行内标签:标签结束后没有换行。比如font span img input select a