前段HTML学习---狂神说java笔记

最新推荐文章于 2022-10-14 21:38:06 发布
最新推荐文章于 2022-10-14 21:38:06 发布
阅读量352 收藏
点赞数 1
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rzz65452064/article/details/115741502
版权
本文是关于HTML的学习笔记，涵盖了HTML的基本概念、HTML5的优势、W3C标准、常用工具以及标签信息。讲解了DOCTYPE声明、HTML标签如<head>、<body>、<title>和<meta>，并深入介绍了图像、超链接、网页布局、列表、表格、媒体元素、表单及验证等核心内容。
摘要由CSDN通过智能技术生成

前段–HTML学习

狂神说java（HTML学习）原视频地址

解析 归属
<!--（内容）/--> 注解 HTML
< !DOCTYPE html > 声明，规范 HTML
<html>（内容）</html> 总标签 HTML
<head>（内容）</head> 网页头部 HTML
<body>（内容）</body> 网页主体 HTML
<title>（内容）</title> 网页标题 HTML
<meta （内容）> 描述性标签 HTML
<h1>（内容）</h1.2.3> 标题1.2.3 HTML
<p>（内容）</p> 段落，间距大 HTML
<hr> 水平线 HTML
（内容）<br/> 换行，间距小 HTML
<strong>（内容）</strong> 粗体 HTML
<em>（内容）</em> 斜体 HTML
&nbsp; 空格 HTML
&copy 版权所有权 HTML
<img（内容）> 图像标签 HTML
sre 图像地址 图像标签
alt 图像代替文字 图像标签
title 鼠标悬停提示文字 图像标签
width 宽度 图像标签
height 高度 图像标签
<a（连接内容）>（连接显示文字或图像）</a> 连接标签 连接标签
href 连接路径 连接标签
target 连接打开方式 连接标签
_self 当前页面打开 target
_blank 第二页面打开 target
<ol> <li>(内容)</li></ol> 有序列表 列表
<ul> <li>(内容)</li></ul> 无序列表 列表
<dl> <dt>(内容)</dt></dl> 自定义类比 列表
<table> </table> 单元格 表格
<tr> </tr> 行 表格
<td> </td> 列 表格
<colspan> </colspan> 跨行 表格
<rowspan> </rowspan> 跨列 表格
<video> </video> 视频元素 视频，音频
<audio> </audio> 音频元素 视频，音频
controls 控制条 视频，音频
autoplay 自动播放 视频，音频
header 网页头部 页面结构
footer 网页脚部 页面结构
section 网页主体 页面结构
article 独立文章内容 页面结构
aside 边框，应用 页面结构
nav 导航类，辅助 页面结构
<iframe> 内联框架 内联框架
<form> 表单 表单
type 元素类型 表单格式
value 元素初始值 表单格式
size 初始宽度 表单格式
maxlength 输入最大字符数 表单格式
checked 是否被选中 表单格式
text 输入框 input type=
password 密码框 input type=
submit 提交 input type=
reset 重置 input type=
radio 单选框 input type=
checkbox 多选框 input type=
button 普通按钮 input type=
image 图片按钮 input type=
select 下拉框 下拉框
option 下拉框内容 下拉框
textarea 文本域 文本域
file 文件域 input type=
email 邮件 input type=
url URL input type=
number 数字 input type=
range 滑块 input type=
search 搜索框 input type=
hidden 隐藏域 HTML
readonly 只读 HTML
disabled 禁用 HTML
<label for="(ID)"> </label> 增强鼠标可用性 HTML
placeholder=" " 提示信息 HTML
required 非空判断 HTML
pattern 正则表达式 HTML

目录

  • 初始HTML
  • 标签基本标签
  • 图像，超链接，网页布局
  • 列表，表格，媒体元素
  • 表单及表单应用
  • 表单初级验证

c初始HTML

什么是HTML

HTML

  • Hyper Text Markup Language（超文本标记语言）
    • 超文本包括：文字、图片(img)、音频、视频(video)、动画等

HTML5的优势

  • 世界知名浏览器厂商对HTML5的支持
    • 微软
    • Google
    • 苹果
    • Opera
    • Mozilla
  • 市场的需求
  • 跨平台兼容性

W3C标准

  • W3C
    • World Wide Web Consortium（万维网联盟）
    • 成立于1994年，Web 技术领域最权威和具影响力的国际中立性技术标准机构
    • http://www.w3.org/
    • http://www.chinaw3c.org/
  • W3C标准包括
    • 结构化标准语言（HTML、XML）
    • 表现标准语言（CSS）
    • 行为标准（DOM、ECMAScript）

常见工具

  • 记事本
  • Dreamweaver
  • IDEA
  • WebStorm

标签基本信息

<!-- 备注，ctrl+/-->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

DOCTYPE声明

文档类型；

告诉浏览器，要使用什么规范

< !DOCTYPE html > 默认 html

< html > 标签

< html > 是总标签，所有内容应该都在< html > 内

< head > 标签

< head > 代表网页头部

< body > 标签

< body > 代表网页主体

< title > 标签

< title > 代表网页标题

< meta > 标签

< meta > 描述性标签，它用来描述我们网站的一些信息

一般用来做SEO

< meta > 标签

表属性标签，用来描述我们网站的一些信息

<!-- DOCTYPE:告诉浏览器，我们要使用什么规范 -->
<!DOCTYPE html>

<html lang="en">
<!-- head标签代表网页头部 -->
<head>
    <!-- meta表述性标签，它用来描述我们网站的一些信息 -->
    <!-- meta一般用来做SEO -->
    <meta charset="UTF-8">
    <meta name="keywords" charset="狂神说Java，西部开源">
    <meta name="description" charset="来这个地方可以学Java">

    <!-- title 网页标题 -->
    <title>我的第一个网页</title>
</head>

<!-- body标签代表网页主体 -->
<body>
Hello,World!
</body>
</html>

图像，超链接，网页布局

网页基本标签

  • 标题标签
  • 段落标签
  • 换行标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1> 一级标签 </h1>
<h2> 二级标签 </h2>
<h3> 三级标签 </h3>
<h4> 四级标签 </h4>
<h5> 五级标签 </h5>
<h6> 六级标签 </h6>

<!--段落标签--分开的段落,间距大 -->
<P>两只老虎    两只老虎</P>
<P>跑得快       跑得快</P>
<P>一只没有耳朵     一只没有尾巴</P>
<P>真奇怪      真奇怪</P>
<P>两只老虎     两只老虎</P>
最低0.47元/天 解锁文章
上下没中
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
前段JavaScript学习---狂神说java笔记
rzz65452064的博客
05-12 1302
前段 JavaScript 狂神说java（JavaScript）原视频地址 解译 归属 备注 Script 脚本 脚本语言 alert 警觉，弹窗 Script console 控制台 Script log 日志，打印 console. Element 基本部分,测试 浏览器调试 Source 源码 浏览器调试 Network 网络 浏览器调试 Application 应用 浏览器调试 var 全局变量 Script let 局部变量
Juc并发编程学习笔记---狂神说（全）
ProGram_Java521的博客
10-31 1541
Juc并发编程学习笔记---狂神说（全）
狂神说Java--Java学习笔记(合集)
m0_67392409的博客
04-28 2991
笔记参考来源狂神说Java视频https://www.bilibili.com/video/BV12J41137hu 本篇笔记有点长，可以根据目录定位，建议配合视频学习。 预科 什么是计算机 名称：Computer，全称电子计算机，俗称电脑。 定义：能够按照程序运行，自动、高速处理海量数据的现代化智能电子设备。 组成：由硬件和软件组成。 形式：常见显示有台式计算机、笔记本计算机、大型计算机等。 应用：科学计算、数据处理、自动控制、计算机辅助设计、人工智能、网络等领域。 硬件及冯诺依曼结构 计算机硬件 组
基于《狂神说Java》Java基础--学习笔记
wudidahuanggua的博客
06-14 1166
本笔记参考于学友：Estella1024 ；本笔记仅做学习与复习使用，不存在刻意抄袭。给各位学友强烈推荐《遇见狂神说》他的整套Java学习路线使我获益匪浅！！!点击跳转至遇见狂神说哔哩哔哩首页如果你也是狂神的小迷弟，可以加我好友一起探讨学习，我将会发布狂神在哔哩哔哩所发布的所有学习视频笔记，如果有需要，可进入空间查看。本篇文章，不阐述基础doc，jdk等，我们直接上代码！ .........
基于《狂神说Java》Redis--学习笔记
wudidahuanggua的博客
06-19 1619
本笔记仅做学习与复习使用，不存在刻意抄袭。给各位学友强烈推荐《遇见狂神说》他的整套Java学习路线使我获益匪浅！！!
基于《狂神说Java》Vue--学习笔记
wudidahuanggua的博客
06-18 1388
本笔记仅做学习与复习使用，不存在刻意抄袭。给各位学友强烈推荐《遇见狂神说》他的整套Java学习路线使我获益匪浅！！!点击跳转至遇见狂神说哔哩哔哩首页如果你也是狂神的小迷弟，可以加我好友一起探讨学习。...
狂神说java学习笔记---JAVA基础语法
rzz65452064的博客
07-11 7162
JAVA基础语法 注释、标识符、关键字 数据类型 类型转换 变量、常量 运算符 包机制、JavaDoc 注释 平时我们编写代码，在代码量比较少的时候，我们还可以看懂自己写的，但是当项目结构一旦复杂起来，我们就需要用到注释了。 注释并不会被执行，是给我们写代码的人看的 书写注释是一个非常好的习惯 平时写代码一定要注意规范。 java中的注释有三种： 单行注释 // 多行注释 /* */ 文档注释 /** * */ 标识符 *关键字 *关键字不能起名字 JAVA
狂神说java学习笔记---Java方法详解
rzz65452064的博客
07-26 3619
Java方法详解 何谓方法 方法的定义及调用 方法的重载 命令行传参 可变参数 递归 何谓方法？ System.out.println()，那么它是什么呢？ //System"类".out“输出对象”.println()“方法” Java方法是语句的集合，它们在一起执行一个功能。 方法是解决一类问题的步骤的有序组合 方法包含于类或对象中 方法在程序中被创建，在其他地方被引用 设计方法的原则：方法的本意是功能块，就是实现某个功能的语句块的集合。我们设计方法的时候，最好保持方法的原子性，就
SSM整合---狂神说Java学习笔记
rzz65452064的博客
11-29 2766
SSM 整合 哔哩哔哩狂神说Java学习网址 文章只为分享学习经验和自己复习用，学习还是该去查看正规视频网站和官方文档才更有效 文章目录SSM 整合一、环境要求二、数据库环境三、基本环境搭建四、Mybatis层编写五、Spring层编写六、Spring MVC层编写七、Controller 和 视图层编写1、先简单编写，测试一下后端底层代码是否正确2、开始正是编写前端3、添加书籍4、修改、删除书籍八、项目结构图九、全部代码十、小结及展望十一、报错或Eclipse使用问题1、eclipse-maven-web
狂神说java学习笔记---GUI及贪吃蛇
rzz65452064的博客
01-16 2118
GUI编程 狂神说JavaGUI视频 该怎么学？ 这是什么？ 它怎么玩？ 该如何去在我们平时运用？ class反编译 组件 窗口 弹窗 面板 文件筐 列表框 按钮 图片 监听事件 鼠标事件 键盘事件 外挂 破解工具 1、简介 Gui的核心技术：Swing AWT 1、不流行主要原因： 因为界面不美观。 需要 jre 环境！ 为什么我们要学习？ 可以写出自己心中想要的一些小工具。 工作时候，也可能需要维护到swing界面，概率极小！ 了解MVC架构，了解监听！ 2、AWT 2.1、Awt介绍
狂神说java学习笔记---面向对象编程及异常
rzz65452064的博客
08-01 1264
面向对象编程 Java的核心思想就是oop 目录： 初始面向对象 方法回顾和加深 对象的创建分析 面向对象三大特性 抽象类和接口 内部类及OOP实战 初始面向对象 面向过程 & 面向对象 面向过程思想 步骤清晰简单，第一步做什么，第二步做什么… 面对过程适合处理一些较为简单的问题 面向对象思想 物以类聚，分类的思维模式，思考问题首先会解决问题需要哪些分类，然后对这些分类进行单独思考。最后，才对某个分类下的细节进行面向过程的思索。 面向对象适合处理复杂的问题，适合处理需要多人协作的问题。
那就这样，先结个尾吧
rzz65452064的博客
10-14 1152
一个自学没成功的程序小猿
狂神说java学习笔记---Java流量控制
rzz65452064的博客
07-17 864
Java流量控制 用户交互Scanner 顺序结构 选择结构 循环结构 break & continue 练习 Scanner对象 之前我们学的基本语法中我们并没有实现程序和人的交互，但是Java给我们提供了这样一个工具类，我们可以获得用户的输入。java.util.Scanner 是Java5 的新特征，我们可以通过Scanner 类来获取用户的输入。 基本语法 Scanner s = new Scanner(System.in); 通过 Scanner 类的next() 与 n
网络编程---狂神说java学习笔记
rzz65452064的博客
03-16 832
狂神说java-网络编程 InetAddress 获取地址 InetAddress.getCanonicalHostName 规范的名字 InetAddress.getHostAddress IP InetAddress.getHostName 域名或自己电脑的名字 InetSocketAddress 实现 IP 地址及端口 InetAddress 实现 IP 地址 ServerSocket 建立服务的端口 ServerSocket.accept 阻塞监听等待连接 Socket
JavaWeb---Web基础和Servlet---Eclipse版动力节点学习笔记
rzz65452064的博客
08-08 828
JavaWeb—Web基础和Servlet—Eclipse版动力节点 哔哩哔哩蛙课网【动力节点】JavaWeb-Eclipse版学习视频网址 解释 归属 备注 Server 服务器 HTTP 超文本传输协议 Servlet Java Servlet协议 Tomcat 雄猫服务器 local host 本地主机 Tomcat bin 二进制 Tomcat config conf配置 Tomcat library 库，lib放jar包 Tom
SpringMVC---狂神说Java学习笔记
rzz65452064的博客
11-29 695
SpringMVC 哔哩哔哩狂神说Java学习网址 文章只为分享学习经验和自己复习用，学习还是该去查看正规视频网站和官方文档才更有效 ssm：mybatis + Spring + SpringMVC MVC三层架构 Java的三大类JavaSE和JavaWeb，学习基础多看视频，多跟着老师学习，比较容易入门。 但是SSM框架，更多的需要自学，老师只能教你一些，大部分都是通过研究官方文档和开发项目中去学习的 JavaSE：认真学习，老师带，入门快 JavaWeb：认真学习，老师带，入门快 SSM框架：研究官
JavaWeb—JSP基础和系统开发模型—Eclipse版动力节点学习笔记
rzz65452064的博客
08-14 633
JavaWeb学习笔记 哔哩哔哩蛙课网【动力节点】JavaWeb-Eclipse版学习视频网址 解析 归属 备注 Java Server Pages java 服务器页面 JSP基础 out. write () JSP 写出 代码 JSP基础 属于 IO流 <% %> Java 代码块 JSP基础 翻译到_jspService()中 <%! %> 声明语句块 JSP基础 可以声明变量、方法 <%= %> 表达式块 JSP基础 out.p
狂神说java学习笔记---JAVA开发环境搭建
rzz65452064的博客
07-11 620
JAVASE JAVA开发环境搭建 JDK下载与安装 配置环境变量 JDK目录介绍 HelloWorld及 简单语法规则 Notepad++安装和使用 JAVA下载与安装 卸载JDK 1.删除Java的安装目录 2.删除JAVA_HUME 3.删除环境变量path下关于Java的目录 4.Java - version 安装JDK 1.百度搜索JDK8，找到下载地址 2.同意协议 3.下载电脑对应的版本 4.双击安装JDK 5.记住安装到路径 6.配置环境变量 ​ 1.我的电脑–&gt
狂神说java-juc并发编程
最新发布
09-23
狂神说java-juc并发编程是指狂神在讲解Java并发编程时提到了Java Util Concurrent（简称JUC）这个包。JUC是Java中用于处理并发编程的三个包之一，它包含了一系列的并发工具类和线程安全的集合类。其中，java.util....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值