前端基础之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:大段文本框
原文地址:https://www.cnblogs.com/qijiaxun/p/14195421.html