1.1 HTML概念
HTML（Hyper Text Markup Language）即超文本标记语言，是最基础的网页开发语言。
-
超文本（Hyper Text）：一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息可以用交互方式搜索，是超级文本的简称。
-
超文本传输协议（HyperText Transfer Protocol，HTTP）：超文本在互联网上的传输协议，HTTP协议规定Web的基本运作过程以及浏览器与Web服务器之间的通信细节。
-
标记语言：由标签构成的语言，<标签名称> 如 html，xml。标记语言不是编程语言
1.2 快速入门
html包含两部分内容：<head> 设置相关信息</head>，<body> 显示在页面上的内容都写在body里面</body>，另外html的代码不区分大小写的。
- 基本语法：
1. html文档后缀名 .html 或者 .htm
2. 标签分为
围堵标签：有开始标签和结束标签。如： <html> </html>
自闭和标签：开始标签和结束标签在一起。如 ：<br/>
3. 标签可以嵌套：
需要正确嵌套，不能你中有我，我中有你
错误：<a><b></a></b>
正确：<a><b></b></a>
4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号(单双都可)引起来
5. html的标签不区分大小写，但是建议使用小写。
Hello World
Hello World
HTML基本标签
- 1. 文件标签：构成html最基本的标签
html：html文档的根标签
head：头标签，在浏览器窗口中，头标签是不被显示在正文中的，在此处可以指定一些html文档的公共属性或引入外部的资源
title：标题标签，用来说明文件的标题
body：体标签，放置页面中所有的内容，如图片、文字、表格、表单等元素。
<!DOCTYPE html>：DOCTYPE用来声明网页使用什么样的风格，使浏览器知道怎么处理文档。html5中定义该文档是html文档，
-
2. 文本标签：和文本有关的标签
-
空格：
-
注释：
-
to
：标题标签
-
h1~h6:字体大小逐渐递减
-
：段落标签
-
：换行标签 -
：展示一条水平线 -
属性：
-
color：颜色
-
width：宽度
-
size：高度
-
align：对其方式
-
center：居中
-
left：左对齐
-
right：右对齐
-
：段落缩进
-
、：字体加粗
-
、：字体斜体
-
：上标
-
：下标
-
:字体标签
-
:文本居中 -
属性：
-
color：颜色
-
size：大小
-
face：字体
-
属性定义：
-
color：
-
英文单词：red,green,blue
-
rgb(值1，值2，值3)：值的范围：0~255 如 rgb(0,0,255)
-
#值1值2值3：值的范围：00~FF之间。如： #FF00FF
- width：
-
数值：width=‘20’ ,数值的单位，默认是 px(像素)
-
数值%：占比相对于父元素的比例
-
3. 图片标签：
-
img：展示图片
-
属性：
-
src：指定图片的位置
-
代码：
- 4.列表标签：
基本语法：
- 项目名称
- 项目名称
- 项目名称
…
列表类型：
-
有序列表：
-
- :
- :
-
无序列表：
-
- :
- :
-
定义列表：
-
-
:
- :
-
- :
-
菜单列表：
- :
-
目录列表：
-
: - :
-
5.链接标签：
-
:定义一个超链接
-
属性：
-
href：指定访问资源的URL(统一资源定位符)
-
target：指定打开资源的方式
-
_self:默认值，在当前页面打开
-
_blank：在空白页面打开
-
代码：
点我
点我
点我
列表标签
联系我们
-
6.div和span：
- :每一个div占满一整行。块级标签
-
：文本信息在一行展示，行内标签 内联标签
在编写HTML文件时，若要定义区间的不同样式，可以使用
<div>标记。而<span>标签一般用于组合文档中的行内元素。这两个标签默认都没有对元素内的对象进行任何样式的定义，方便样式控制。- 7.语义化标签：html5中为了提高程序的可读性，提供了一些标签。
：页眉 自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注Java获取）
最后
看完上述知识点如果你深感Java基础不够扎实，或者刷题刷的不够、知识不全面
小编专门为你量身定制了一套<Java一线大厂高岗面试题解析合集：JAVA基础-中级-高级面试+SSM框架+分布式+性能调优+微服务+并发编程+网络+设计模式+数据结构与算法>
针对知识面不够，也莫慌！还有一整套的<Java核心进阶手册>，可以瞬间查漏补缺
全都是一丢一丢的收集整理纯手打出来的
更有纯手绘的各大知识体系大纲，可供梳理：Java筑基、MySQL、Redis、并发编程、Spring、分布式高性能架构知识、微服务架构知识、开源框架知识点等等的xmind手绘图~
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！
针对知识面不够，也莫慌！还有一整套的<Java核心进阶手册>，可以瞬间查漏补缺[外链图片转存中…(img-RBmKuzHb-1712597904520)]
全都是一丢一丢的收集整理纯手打出来的
更有纯手绘的各大知识体系大纲，可供梳理：Java筑基、MySQL、Redis、并发编程、Spring、分布式高性能架构知识、微服务架构知识、开源框架知识点等等的xmind手绘图~
[外链图片转存中…(img-oUvnHMhC-1712597904520)]
[外链图片转存中…(img-UnE2XPZ3-1712597904520)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！-
