zoukankan      html  css  js  c++  java
  • 前端基础之HTML(第一天)

    HTTP

    四大特性

      1.基于请求响应
      2.基于tcp/ip,作用与应用层之上的协议
      3.无状态
      4.无链接
    

    请求数据格式

      请求首行(用来标识HTTP协议版本,当前请求方式)
      请求头(一大堆K,V键值对)
      
    
      请求体(POST请求有,GET请求没有;主要用来存放提交的数据)
    

    响应状态码

      1xx:服务端已经成功接收到了你的数据正在处理,你可以继续提交额外的数据
      2xx:服务端成功响应了你想要的数据(200,请求成功)
      3xx:重定向(当你在访问一个需要登录之后才能看的页面)
      4xx:请求错误(404,请求资源不存在;403,当前请求不合法或者不符合资源的访问条件)
      5xx:服务器内部错误(500,服务器出现问题)  
    

    HTML

    注释

      <--!-->
      由于html代码非常多,因此用注释来划分不同的区域
    

    文档结构

      <head></head>:定义一些配置给浏览器的内容
      <body></body>:自定义的网页上的内容
    

    标签

    标签的两个重要属性

      id:一个html上的id应是不重复的
      class:该值类似于面向对象里的继承,一个标签可以继承多个class值
    

    常用标签

      1.在书写代码html代码的时候,只需要书写标签名,然后用tab键补全即可
      2.head内常用标签
          title:网页标题
          style:书写css
          link:引入外部css文件
          script:书写js
      3.body内常用标签
          h:标题标签
          b:加粗
          i:斜体
          u:下划线
          s:删除线
          p:段落标签
          br:换行
          hr:水平分割线
          div:布局用块级标签
          span:布局用行内标签
          img:图片标签
            src:图片的路径,可以放url,自动发送get请求
            alt:当图片加载不出来的时候,给图片的描述性信息
            title:鼠标悬停到图片上的提示信息
            height和width:两者等比例缩放,需要考虑比例问题
          a:链接标签
            href:放的是url
            target:默认_self在当前页面跳转,_blank为在新的空白页面
            锚点:#标签id,就可以
          ul、ol、dl:list标签
            type:序号样式
            start:起始位
          table:表格标签(一般只要是展示数据 一般都可以使用表格标签)
            tr:一个tr表示一行
            td:一列
            thead:表头
            rowspan:跨几行
            colspan:跨几列
    

    标签的分类

      1.块级标签:可以修改长宽,可以嵌套任意块级和行内标签
      2.行内标签:不可以修改长宽,只能嵌套行内标签
    

    特殊符号

      空格:&nbsp;
      大于号:&gt;
      小于号:&lt;
      &:&amp;
      ¥:&yen;
      @:&copy;
      商标:&reg;
    

    表单标签

      form:在该form标签内书写的获取用户的数据都会被form标签提交到后端
            action:控制数据提交的后端路径(给哪个服务端提交数据)
                  1.什么都不写,默认就是朝当前页面所在的url提交数据
                  2.写全路径
                  3.只写后缀action='/index/',自动识别当前服务器的ip和端口拼接到前面
            method:控制数据提交的方式(post,get)
            能够提交form表单的按钮
                  1.input + submit
                  2.button
      input:所有获得用户输入的标签,都应该有name属性,用来获取值;类似于字典的key
            text:通过id可以和lable标签关联,利用标签for='input的id值' ;普通文本
            password:密文展示
            date:日期
            submit:用来触发form表单提交数据的操作
            button:普通的按钮,可以添加动作   
            reset:重置表单内容
            radio:单选框,默认选中,加checked='checked',当标签的属性名和属性值一样的时候可以简写
            checkbox:多选框,默认选中,加checked='checked'
            file:选择文件,多选加multiple
            hidden:隐藏当前input框
            select + option:默认是单选,加multiple多选
            textarea:大段文本框
  • 相关阅读:
    .NET连接SAP系统专题:C#如何导入内文至SAP(十一)
    又开始要忙了
    .NET连接SAP系统专题:C#调用BAPI给账户赋予权限(八)
    抉择之苦
    SAP屏幕设计器专题:下拉列表框(四)
    SAP中新建客制表流程
    SAP中使用ABAP远程连接MS Sql Server服务器
    SAP屏幕设计器专题:表格控件(六)
    .NET连接SAP系统专题:C#(NCO3)调用BAPI的一些说明(六)
    SAP屏幕设计器专题:树控件的使用(九)
  • 原文地址:https://www.cnblogs.com/qijiaxun/p/14195421.html
Copyright © 2011-2022 走看看