【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岁、单身
        • 抱着严肃的态度
        • 真诚寻找另一半

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...