当前位置: 首页 > news >正文

测试基础笔记第四天(html)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • html介绍
    • 1. 介绍
    • 2.骨架标签
    • 3.常用标签
      • 标题标签
      • 段落标签
      • 超链接标签
      • 图片标签
      • 换行和空格标签
      • 布局标签
      • input标签(变形金刚)
      • form标签
      • 列表标签


html介绍

1. 介绍

  • web前端三大核心技术
    1.HTML:负责网页的架构
    2.CSS:负责网页的样式,美化
    3.JS:负责网页的行为

2.骨架标签

在这里插入图片描述

  • 页面的内容必须在body编写
  • html为根标签,所有标签必须在根标签中
  • head标签为头部标签,一般放title和搜索相关知识

3.常用标签

测试点:前端页面注释,上线发布之前,必须检查或删除

标题标签

  • 作⽤:⽂章标题
  • 提示:默认的标题标签是以下⼏个,也可以通过css来调整任何标签的字体大小在这里插入图片描述

段落标签

  • 作用:标识一个段落
    在这里插入图片描述

超链接标签

  • 作用:点击文本跳转到指定页面
    在这里插入图片描述

图片标签

  • 作用:在页面中插入图片
    在这里插入图片描述

换行和空格标签

  • 换行:
  • 空格:&nbsp

布局标签

  • div:大盒子,独占一行
  • span:小盒子,一行放多个

input标签(变形金刚)

在这里插入图片描述

form标签

  • 作用:提交页面输入数据

列表标签

在这里插入图片描述

相关文章:

  • 交换机与路由器的默契配合:它们的联系与区别
  • Zookeeper 命令返回数据的含义
  • 【软考-架构】13.4、质量属性-架构评估
  • 【HDFS入门】HDFS核心组件Failover Controller:高可用保障机制解析
  • K8s 生产落地
  • 计算机网络:实验五路由器的应用
  • 360壁纸如何卸载
  • 阿里云 MSE Nacos 发布全新“安全防护”模块,简化安全配置,提升数据保护
  • 关于SQLite轻量数据库的研究
  • 控制理论与应用Latex模版/中文Latex
  • 教你如何创建Maven项目
  • 基于uniapp 实现画板签字
  • (EtherCAT 转 EtherNet/IP)EtherCAT/Ethernet/IP/Profinet/ModbusTCP协议互转工业串口网关
  • day26 学习笔记
  • 关于vxe-select得filter-method 自定义方法得使用,忽略大小写匹配
  • 【LLM】Llama-Index 架构
  • 【三维重建与生成】GenFusion:SVD统一重建和生成
  • Java版本对应关系表
  • 如何使用ChatGPT撰写短视频爆款文案
  • ping 命令的用途与功能
  • “铁血防守”制造8年最快丢球,恐惧中的阿森纳什么也做不了
  • 王毅:时代不容倒退,公道自在人心
  • 央行召开落实金融“五篇大文章”总体统计制度动员部署会议
  • “麒麟王”亮相上海彩市,体彩即开票“瑞兽家族”迎来新成员
  • 宁夏民政厅原厅长欧阳艳已任自治区政府副秘书长、办公厅主任
  • 遭遇大规模停电,西班牙内政部宣布进入国家紧急状态