JavaWeb-【1】HTML

笔记系列持续更新,真正做到详细!!本次系列重点讲解后端,那么第一阶段先讲解前端

目录

1、Javaweb技术体系

2、BS架构说明

 3、官方文档

4、网页组成 

5、HTML 

 6、HTML快速入门

 7、HTML基本结构

 8、HTML标签

​9、HTML标签使用细节

 ①、font标签

 ②、字符实体

③、标题标签

④、超链接标签 

⑤、列表标签​

⑥、图像标签​

⑦、表格标签

⑧、表格跨行跨列

 ⑨、表单标签介绍

⑩、input标签

11、表单综合练习

12、表单格式化

13、表单提交数据细节

14、div标签

15、p标签和span标签

10、HTML测验

11、HTML作业布置

①、员工表格

②、课表表格


1、Javaweb技术体系

判断是前端还是后端关键在于内容是由谁来解析的,由浏览器解析的一般就称为前端,若由服务器解析的一般就称为后端。

2、BS架构说明

 3、官方文档

地址: https://www.w3school.com.cn/html/index.asp

4、网页组成 

前端需要用浏览器,我讲解用的是谷歌浏览器【自行下载】

ff【火狐】 进入到 调试页面 ctrl + shift + i
谷歌浏览器 进入到 调试页面 ctrl + shift + i

谷歌进入调试页面如下:

5、HTML 

浏览器使用情况分布:http://tongji.baidu.com/data/【可以看看,没啥用】

 6、HTML快速入门

工具:Idea

创建工程:

创建页面: 

注释快捷键:Crtl+/ 

 7、HTML基本结构

 8、HTML标签

 9、HTML标签使用细节

 ①、font标签

 ②、字符实体

但实际我们并不这样解

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/42364.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SSM养老院管理系统-计算机毕业设计源码02221

摘要 本篇论文旨在设计和实现一个基于SSM的养老院管理系统,旨在提供高效、便捷的养老院管理服务。该系统将包括老人档案信息管理、护工人员管理、房间信息管理、费用管理等功能模块,以满足养老院管理者和居民的不同需求。 通过引入SSM框架&#x…

通过消息传递同步操作

通信顺序进程(CSP) 是一种形式语言,用来描述并发性系统间进行交互的模式 每个线程或进程独立运行,它们之间仅通过消息传递进行通信,而不是直接共享状态 每个线程实际上都是一个状态机:当它接收到一条消息时…

【数据结构】05.双向链表

一、双向链表的结构 注意:这里的“带头”跟前面我们说的“头节点”是两个概念,带头链表里的头节点,实际为“哨兵位”,哨兵位节点不存储任何有效元素,只是站在这里“放哨的”。 “哨兵位”存在的意义:遍历循…

人工智能系列-Pandas基础

🌈个人主页:羽晨同学 💫个人格言:“成为自己未来的主人~” Pandas简介 Pandas是Python语言的拓展程序库,用于数据分析。 Pandas是一个开放源码,BSD许可的库,提供高性能,易于使用的数据结…

vue和js实现点击跳转 统计点击量 刷新页面不丢 使用localstorage存储

使用localStorage存储点击量是一种简单有效的方法,它允许你即使在页面刷新后也能保留数据。以下是如何使用localStorage来实现点击跳转并统计点击量,同时确保刷新页面时点击量不丢失的步骤: 初始化点击量:在页面加载时&#xff0c…

YOLO V7网络实现细节(2)—网络整体架构总结

YOLO V7网络整体架构总结 YOLO v7网络架构的整体介绍 不同GPU和对应模型: ​​​​​​​边缘GPU:YOLOv7-tiny普通GPU:YOLOv7​​​​​​​云GPU的基本模型: YOLOv7-W6 激活函数: YOLOv7 tiny: leaky R…

6、Redis系统-数据结构-07-QuickList

七、快速列表(QuickList) 快速列表(QuickList)是 Redis 中用于实现列表(List)类型的一种高效数据结构。它结合了双向链表和压缩列表的优点,既支持高效的顺序访问,又能有效节省内存。…

数据结构第13节 无向图

无向图是图论中的一个基本概念,它是数学和计算机科学中用来描述一组对象(顶点)以及它们之间的成对关系(边)的结构。在无向图中,边是没有方向的,这意味着边所连接的两个顶点可以互相访问。 定义…

vue项目实现堆叠卡片拖动切换效果

实际效果 实现流程 1. 实现卡片位置堆叠 将父元素的 position 设置成relative ,卡片的position 设置成 absolute 即可。 2. 消除图片的移动 如果卡片上有图片,默认拖动的时候就会导致像上图一样变成了选中图片移动,从而没法触发拖动事件。消…

苹果电脑能玩赛博朋克2077吗 如何在mac上运行赛博朋克2077 crossover能玩什么游戏

各位喜欢赛博朋克风的一定不能错过《赛博朋克2077》。那么《赛博朋克2077》是一款什么样的游戏?《赛博朋克2077》在苹果电脑上可以运行吗?一起来看看介绍吧。 一、《赛博朋克2077》是一款什么样的游戏? 《赛博朋克2077》是一款由CD Projekt …

MIT6.s081 2021 Lab Traps

使用gdb调试xv6内核 从最近两个 Lab 开始,代码逻辑的复杂度明显上升,对内核进行调试可能是帮助理解操作系统机制的绝佳方法。因此在开始本 Lab 之前,我们先来配置一下针对 xv6 内核的 gdb 调试器。 安装 gdb-multiarch. 利用包管理工具进行…

基于Maximin的异常检测方法(MATLAB)

异常存在于各个应用领域之中,往往比正常所携带的信息更多也更为重要。例如医疗系统中疾病模式,信用卡消费中的欺诈行为,数据库中数据泄露,大型机器故障,网络入侵行为等。大数据技术体系的快速兴起与发展,加…

【React Native优质开源项目】

🌈个人主页: 程序员不想敲代码啊 🏆CSDN优质创作者,CSDN实力新星,CSDN博客专家 👍点赞⭐评论⭐收藏 🤝希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共…

字符串——string类的常用接口

一、string类对象的常见构造 二、string类对象的容量操作 三、string类对象的访问及遍历操作 四、string类对象的修改操作 一、string类对象的常见构造 1.string() ——构造空的string类对象,也就是空字符串 2.string(const char* s) ——用字符串来初始化stri…

如何成为一个优秀的软件产品开发经理

成为一名优秀的软件产品开发经理,需要综合技术、管理、市场和人际交往等多方面的能力。以下是成为优秀软件产品开发经理的关键步骤和技能: 1. 技术背景与理解 技术知识:虽然不需要成为某一领域的顶级专家,但对软件开发流程、常用…

【Linux】压缩命令——gzip,bzip2,xz

1.压缩文件的用途与技术 你是否有过文件太大,导致无法以正常的E-mail方式发送?又或学校、厂商要求使用CD或DVD来做数据归档之用,但是你的单一文件却都比这些传统的一次性存储媒介还要大,那怎么分成多块来刻录?还有&am…

【QT】显示类控件

显示类控件 显示类控件1. label - 标签2. LCD Number - 显示数字的控件3. ProgressBar - 进度条4. Calendar Widget - 日历5. Line Edit - 输入框6. Text Edit - 多行输入框7. Combo Box - 下拉框8. Spin Box - 微调框9. Date Edit & Time Edit - 日期微调框10. Dial - 旋钮…

Windows 11中的WSL(Windows Subsystem for Linux)详细介绍与安装过程

文章目录 Windows 11中的WSL(Windows Subsystem for Linux)详细介绍与安装过程一、WSL简介二、WSL安装过程三、WSL常见应用场景四、常见问题和解决方案五、结论 Windows 11中的WSL(Windows Subsystem for Linux)详细介绍与安装过程…

Hive 高可用分布式部署详细步骤

目录 系统版本说明 hive安装包下载及解压 上传mysql-connector-java的jar包 配置环境变量 进入conf配置文件中,将文件重命名 在hadoop集群上创建文件夹 创建本地目录 修改hive-site.xml文件 同步到其他的节点服务器 修改node02中的配置 hive-site.xml 修改…

昇思25天学习打卡营第3天|MindSpore张量

# 打卡 目录 # 打卡 类 涉及知识点 1. 创建张量的4种方式 运行例子 2. 张量属性和索引 运行例子 3. 张量运算 运行例子 4. Tensor 与 Numpy 转换 5. 稀疏张量:CSR和COO CSRTensor 运行例子 COOTensor 运行例子 RowTensor 类 import mindspore from…