【JavaWeb】HTML学习完整篇
创始人
2024-04-09 01:17:03
0

在这里插入图片描述

  • 推荐学习专栏:JavaWeb学习专栏

目录

  • 1、HTML 语法规范
    • (1)基本语法概述
    • (2)标签关系
  • 2、HTML 基本结构标签
  • 3、 网页开发工具
    • (1)使用方法
    • (2)VSCode 工具生成骨架标签新增代码
    • (3)关于VScode 实用插件
  • 4、 HTML 常用标签
    • (1) 标签语义
    • (2) 标题标签`

      -

      `(重要)
    • (3) 段落和换行标签(重要)
    • (4)文本格式化标签
    • (5)`
      ` 和``标签
    • (6)图像标签和路径 (重点)
      • 🍂图像标签
      • 路径
        • 目录文件夹和根目录
        • VSCode打开目录文件夹
        • 路径之相对路径
        • 路径之绝对路径
    • (7)超链接标签 (重点)
      • 链接的语法格式
      • 链接分类
  • 5、HTML 中的注释和特殊字符
    • (1)注释
    • (2)特殊字符
  • 6、 表格标签
    • (1)表格的主要作用
    • (2) 表格的基本语法
    • (3)表头单元格标签
    • (4)表格属性
    • (5)表格结构标签
    • (6)合并单元格:
  • 7、列表标签
    • (1)无序列表
    • (2)有序列表
    • (3)自定义列表
    • (4)列表总结
  • 8、表单标签
    • (1)为什么需要表单
    • (2)表单的组成
    • (3)表单域
      • 常用属性:
    • (4)表单控件(表单元素)
      • ``表单元素
      • `
      • `

        通过

        (5)总结

        1、表单元素我们学习了三大组 input 输入表单元素 select 下拉表单元素 textarea 文本域表单元素.

        2、这三组表单元素都应该包含在form表单域里面,并且有 name 属性.

        🌲具体代码:

        3、有三个名字非常相似的标签:

        • 表单域 form 使用场景: 提交区域内表单元素给后台服务器
        • 文件域 file 是input type 属性值 使用场景: 上传文件
        • 文本域 textarea 使用场景: 可以输入多行文字, 比如留言板 网站介绍等…

        9、综合案例:注册页面

        🌲使用所学内容作出下边页面:
        在这里插入图片描述🌲示例:

        
        
        综合案例-注册页面
        
        

        青春不常在,抓紧谈恋爱

        性别:
        生日:
        所在地区
        婚姻状况:未婚 已婚 离婚
        学历:
        喜欢的类型: 妩媚的 可爱的 小鲜肉 老腊肉 都喜欢
        个人介绍
        我同意注册条款和会员加入标准
        我是会员,立即登录
        我承诺
        • 年满18岁、单身
        • 抱着严肃的态度
        • 真诚寻找另一半

相关内容

热门资讯

保存时出现了1个错误,导致这篇... 当保存文章时出现错误时,可以通过以下步骤解决问题:查看错误信息:查看错误提示信息可以帮助我们了解具体...
汇川伺服电机位置控制模式参数配... 1. 基本控制参数设置 1)设置位置控制模式   2)绝对值位置线性模...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
表格中数据未显示 当表格中的数据未显示时,可能是由于以下几个原因导致的:HTML代码问题:检查表格的HTML代码是否正...
本地主机上的图像未显示 问题描述:在本地主机上显示图像时,图像未能正常显示。解决方法:以下是一些可能的解决方法,具体取决于问...
表格列调整大小出现问题 问题描述:表格列调整大小出现问题,无法正常调整列宽。解决方法:检查表格的布局方式是否正确。确保表格使...
不一致的条件格式 要解决不一致的条件格式问题,可以按照以下步骤进行:确定条件格式的规则:首先,需要明确条件格式的规则是...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...