HTML2

HTML进阶

webstorm(2099)用来写前端的

  1. 标签分类

    1. 块级标签：块级标签可以修改长度，可以嵌套任意标签

      1. div
      2. ol+li,ul+li
      3. table
      4. p
      5. h1...h6

    2. 行级标签：不可以修改长度，只能嵌套行内标签

      1. span
      2. a
      3. strong:加粗
      4. em：斜体
      5. img
      6. br

  2. 特殊符号(分号结尾)

    1. 空格 &nbsp
    2. 大于号 &gt
    3. 小于号 &lt
    4. &符号 &amp
    5. ￥ 符号 &yen
    6. 版权©：&copy
    7. 商标™：&trade
    8. 商标r:&reg
    9. 乘法x: &times
    10. 除法÷：&divide

  3. 常用标签

    1. div :容器标签，将文档分隔成独立的区块，页面先用div分区，再填写内容

      <div>
<>
</div>

    2. span:内联标签，对特定部分进行演示修饰或添加特殊效果：颜色、字体、css交互，普通文本先用span占位再去装饰页面

      <span></span>

    3. img：

      <img scr=''alt=''title=''height=''width=''>
      • src:图片路径，必需
      • alt:加载不成功时的图片描述性信息
      • title:鼠标悬浮时，自动展示图片信息
      • height/width:高度、宽度

    4. a:

      <a href='' target='_blank'></a>
<a href='' target='_self'></a>
      • href:目标链接
      • target
        • _blank ：打开一个空白标签页访问地址
        • _top:原地刷新，
        • _selft:原地刷新
        • _parent:原地刷新
        • 锚点功能：本页面内的超链接

  4. 重要属性class+id:每个标签都公有的2个属性

    1. class：一类标签，一个页面上多个标签可以有同一个class，这些class值共享同一个属性

      <head>
style
</head>
<span class=''>***</span>

    2. id:一个id在同一个页面上只能出现一次

表格标签

<table border='*'，cellpadding='',cellingspace=''>#声明表格标签,border为边框,cellingpadding为边框与字体间距，cellspacing
    <thead> #表头
    <tr>  #声明一行
        <th>888</th> #加粗
        <td colspan=''>999</td>#不加粗
        <td rowspan=''>999</td>#不加粗
        
    </tr>
    </thead>
    <tbody>
    <tr>
    </tr>
    </tbody>
</table>

Form表单

  • 表单域：
  • 提交按钮
  • 取消按钮
  • 标签
  • 校验机制
<form ation='',method=''>
    <input type = 'submit'>
</form> #action为数据提交的目标地址，不写就默认为当前访问网页地址
#method:提交数据的方式，get或者post

input 标签（非常重要）

<input type='text',method='',placeholder='',required=''> #type属性表示的是当前输入框的类型
text为纯文本
password 为密文类型
checkbox 复选框需要value和name

radio 单选框需要name和value
file 文件副本上传
submit 提交
button 普通按钮
date 日期选择
reset 重置，清空所有输入框内容
#method :post 和get
#value:
#name:
#placeholder 输入框内的提示信息
#required: 声明这个input框必须输入
#readonly:只能展示不能输入
#disabled:禁止输入
#size:
#maxlength:
#autocomplete:自动填充
#checked 默认选项

select 选项框

<select name='' id='' multiple>
    <option value='' selected> **</option>
</select>

二级选项框
<select name='' id='' multiple>
	<optgroup lable=''>
    <option value='' selected> **</option>
    </optgroup>
</select>

textarea 标签

<testarea name='',cols='',rows=''...> </testarea>

常见的网络请求方式

  1. get 重点：从服务器获取数据，所有数据成键值对
  2. post 重点：
  3. put
  4. delete
  5. head
  6. options
posted @ 2024-06-06 08:51  zenopan  阅读(6)  评论(0)  编辑  收藏  举报