HTML标签

2021-02-14 17:18

阅读:374

标签:block   发送   路径   编程语言   下拉框   idt   toc   cti   技巧   

web前端


目录
  • web前端
  • 一、什么是HTML
  • 常用的HTML标签

一、什么是HTML

  1. HTML:超文本标记语言,用来显示web信息的,浏览器负责解析。
  2. 超文本:除了文本外,可以显示超链接、图片、视频等等。
  3. 标记语言:使用标签来显示信息,而不是编程语言
  • 标签的合适,以及什么是元素
  1. 格式
    单标签:
    双标签:内容标签名>

  2. 属性
    内容标签名>

  3. 元素
    一个完整的标签成为元素,标签名 属性 内容

常用的HTML标签

  1. 标题标签:

    -
    特点:文字加粗,加大,占一行。

  2. 段落标签:

  3. 实体字符:
  • &nbsp: 空格字符
  • %gt : >大于号
  • &lt :
  1. 换行和水平线标签
  1. 文本修饰标签
  • 斜体标签:,
  • 粗体标签:,
  • 下划线:
  • 删除线:
  1. div和span标签
  • div:是盒子模型里的一个元素,频繁的使用在网页中
  • span:无默认的样式的文本标签,如果需要样式,可以配合css添加
  1. 图片标签
  • 图片标签:技术图片
    • 属性
      src:图片的路径资源
      alt:图片加载失败后的提示
      title:鼠标放上去显示的文字
      height:设置高度
      weight:设置宽度
  1. 链接标签
  • 链接标签: 单击可以跳转到目标地址,href目标地址
  • 属性:target:打开方式
    _blank:打开一个新的网页
    _self:修改当前页面
    锚点:定义位置,使用id属性,id表示唯一的属性,一个网页的id必须唯一。使用a标签的href=“#id”
  1. 列表标签
  • 无序列表:
      • 属性:disc实心圆,circle空圆心,square正方形
    • 有序列表:
        • 属性:a小写英文,A大写英文,i罗马数字,1阿拉伯数字
      1. 自定义列表:

        标题:

        列:
      1. 表格标签
      • 表格标签:
        • 属性:
        • cellspacing: 单元格之间的距离
        • cellpadding: 单元格内部填充的距离
        • width: 设置宽度
        • height:设置高度
        • border: 边框
      • 行:
      • 列:
        • 属性:
        • align:内容水平方向
        • valign: 内容垂直方向
        • colspan: 合并列单元格
        • rowspan: 合并行单元格

      小技巧:
      1.写内容,行和列是完整的
      2.确定colspan和rowspan以及数量
      3.删除多余的

      1. 表单标签
      • 表单标签:

        • 属性:
        • action:提价的目标地址
        • method:提交的方式
          • get:默认值,不安全
          • post:一般敏感数据选post,文件上传选择post
        • enctype: 数据类型
          • application/x-www-formurlencoded:默认值,普通数据类型
          • multipart/form-data:文件上传使用这个,多功能数据表单
      • 输入标签:

        • type属性:
        • text: 文本框
        • password:密码框
        • checkbox:复选框
        • file:文件框
        • hidden:隐藏域
        • submit:提交按钮
        • button: 按钮
        • reset:重置
      • name:是给表单控件加名字,目的是让参数发送成功,并可以让服务器获取,必须要设置的

      • 下拉框:

        • select设置name, option设置value
      • 文本域:

      • placeholder: 输入框显示的文字

      • checked:确认选中一个框

      • disabled:失效

      HTML标签

      标签:block   发送   路径   编程语言   下拉框   idt   toc   cti   技巧   

      原文地址:https://www.cnblogs.com/markshui/p/12992827.html


      评论


      亲,登录后才可以留言!