Java登陆第十九天——HTML规范与语法

合集 - Java登陆(70)
1.Java登陆第一天——Mysql安装2.Java登陆第一天——Maven入门3.Java登陆第二天——SQL之DDL4.Java登陆第二天——SQL之DML5.Java登陆第三天——SQL之DQL(一)基础查询、聚合函数、分组查询6.Java登陆第四天——SQL之DQL(二)分页查询、多表查询、自连接7.Java登陆第五天——SQL之DQL(三)子查询8.Java登陆第六天——SQL之表复制，表去重，合并查询9.Java登陆第六天——SQL之SQL(四)外连接10.Java登陆第六天——SQL之约束11.Java登陆第七天——SQL之事务12.Java登陆第七天——SQL之事务隔离13.Java登陆第八天——SQL之DCL14.Java登陆第九天——JDBC(一)DriverManager、Connection、Statement15.Java登陆第十天——JDBC(二)ResultSet16.Java登陆第十一天——JDBC(三)PreparedStatement、CLOB、BLOB17.Java登陆第十二天——网络编程(一)网络的概念18.Java登陆第十二天——网络编程(二)InetAddress、Socket19.Java登陆第十三天——网络编程(三)DatagramSocket20.Java登陆第十四天——网络编程(四)韩顺平网络编程21.Java登陆第十五天——网络编程(四)韩顺平网络编程22.Java登陆第十六天——网络编程(四)韩顺平网络编程23.Java登陆第十七天——网络编程(四)韩顺平网络编程完成24.Java登陆第十七天——正则表达式25.Java登陆第十八天——Java8之Lambda表达式
26.Java登陆第十九天——HTML规范与语法
27.Java登陆第二十天——HTML常用标签28.Java登陆第二十一天——CSS29.Java登陆第二十二天——JavaScript入门30.Java登陆第二十三天——JavaScript对象、JSON、事件31.Java登陆第二十四天——JavaScriptBOM、DOM32.Java登陆第二十五天——Tomcat、认识JavaWeb项目33.Java登陆第二十六天——Http34.Java登陆第二十六天——Servlet35.Java登陆第二十七天——多种方法Servlet映射、Content-Type36.Java登陆第二十八天——Servlet生命周期37.Java登陆第二十九天——Servlet继承关系，service和doGet的区别38.Java登陆第二十九天——ServletConfig和ServletContext39.Java登陆第二十九天——HttpServletRequest和HttpServletResponse40.Java登陆第二十九天——请求转发和响应重定向41.Java登陆第三十天——Cookie和Session42.Java登陆第三十天——域对象43.Java登陆第三十一天——Filter44.Java登陆第三十一天——监听器45.Java登陆第三十二天——AJAX和异步46.Java登陆第三十二天——前端工程化47.Java登陆第三十二天——ES6(一)let、const、模板字符串、解构表达式、箭头函数48.Java登陆第三十三天——ES6(二)reset、spread、Class类语法糖49.Java登陆第三十三天——ES6(二)浅拷贝、深拷贝50.Java登陆第三十三天——ES6(二)模块、模块化51.Java登陆第三十四天——Node.js安装、npm配置、npm命令52.Java登陆第三十四天——使用Vite创建工程化的Vue3项目53.Java登陆第三十五天——Vite+Vue3目录结构、.vue文件理解（SFC）54.Java登陆第三十五天——VUE初始页面解析55.Java登陆第三十六天——VUE3引入CSS56.Java登陆第三十六天——VUE3响应式入门、setup语法糖57.Java登陆第三十七天——VUE3插值表达式、文本渲染、属性渲染、事件绑定58.Java登陆第三十七天——VUE3响应式基础、条件渲染、列表渲染59.Java登陆第三十八天——VUE3双向绑定，监听器(侦听器)60.Java登陆第三十八天——VUE3生命周期、钩子函数、组件拼接、组件传参(组件通信)61.Java登陆第三十九天——Router路由入门62.Java登陆第三十九天——Router编程式路由，路由传参63.Java登陆第四十天——Router路由守卫64.Java登陆第四十天——Router路由守卫练习65.Java登陆第四十一天——Promise、async关键字、await关键字66.Java登陆第四十一天——Axios67.Java登陆第四十二天——Axios拦截器68.Java登陆第四十二天——跨域69.Java登陆第四十三天——Pinia70.Java登陆第四十四天——跟写微头条遇到的问题
收起

使用IDEA新建一个空的Web项目，并填写路径与项目名称
image
进入项目后，在根目录新建一个HTML页面，取名为index
image
image
就可以得到一个最基础的HTML页面
image

在IDEA中，使用浏览器打开此页面
image

页面内容如下：
image

如何修改浏览器选项
File-Settings-Tools-Web Browsers
image

HTML页面规范

标签

<>

一对这样的尖括号称之为一个标签

双标签

<body>   </body>
<!-- 我是HTML的注释 -->

像这样成对出现的标签称之为双标签。(第一个标签称为开始标签，第二个称为结束标签)

单标签

<link  \>
<link  >

当然也有单独出现的标签，单标签可以省略反斜杠 \

(单独出现的可以叫单标签，成对出现的可以叫双标签)

文本

<p> 这是文本 </p>

双标签之中的文字称为文本

属性

<a href="https://www.bilibili.com">点击访问B站</a>

a标签中存在属性href。属性值就是https://www.bilibili.com

一般属性都定义在开始标签中。

元素

标签+属性+文本称为一个元素，例如上面的a元素

HTML语法

根标签唯一

html标签总是唯一的。不允许有多个根标签

<html>

</html>

<html>

</html>
<!--错错错-->

大小写不敏感

标签大小写不敏感，但不能混用

<P> </p>
<!--错错错-->

单引号和双引号也不敏感

交叉嵌套

在HTML中，不允许标签交叉嵌套，但浏览器总会试着去解析它们，有的时候还会帮助修正错误。

<!-- 下面是正确的书写方法 -->
<body>
	<p>   </p>
</body>

<!-- 下面是就是交叉嵌套 错错错 -->
<body>
	<p>
</body>
	</p>

不允许自定义标签

嗯不允许

一个最基础的HTML页面的标签解析

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

!DOCTYPE html标签是HTML5的文档类型声明。

html标签是整个HTML页面的根节点，所有其他标签都在html标签中

整个HTML页面一般分为两个部分

  • 头部：head标签包括之处。包含页面的标题、页面的图标、还有页面的一些设置，也可以在这里导入css、js等内容。

  • 主体：body标签包括之处。有需要显示的内容全部在主体编写。

个人向推荐网站：绿叶学习网

posted @   rowbed  阅读(20)  评论(0)  编辑  收藏  举报
相关博文：
·  Java登陆第二十天——HTML常用标签
·  Java登陆第二十六天——Http
·  JAVA第一课——初识HTML
·  JavaWeb开发-HTML基础
·  JavaWeb学习（二）
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~
点击右上角即可分享
微信分享提示
SQL AI 助手