在<head>
标签内,可以通过<meta>
标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
- charset 常用的值有::GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符
========================================================================
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
------秦晓
-
加了标题的文字会变的加粗,字号也会依次变大
-
一个标题独占一行
段落标签
-
paragraph 的缩写
-
文本在一个段落这种会根据浏览器窗口的大小进行自动换行
-
段落和段落之间保有空隙
-
<br />
是个单标签 -
<br />
标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
- 为文字设置粗体、斜体、下划线等效果
| 语义 | 标签 |
| — | — |
| 加粗 | <strong></strong>
|
| 倾斜 | <em><em>
|
| 删除线 | <del></del>
|
| 下划线 | <ins></ins>
|
- 重点记忆 加粗 和 倾斜
-
<div></div>
:一行只能放一个大盒子 -
<span></span>
: 一行可以放多个小盒子
今日价格
src
是<img>
标签的必须属性,它用于指定图像文件的路径和文件
| 属性 | 属性值 | 说明 |
| — | — | — |
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本(当图片不能显示时候显示的文字) |
| title | 文本 | 提示文本(鼠标放到图像上,显示的文字) |
3.7.1、相对路径🔥
| 相对路径分类 | 符号 | 说明 |
| — | — | — |
| 同一级路径 | | 图形文件位于 HTML 文件同一级 如<img src="1.png">
|
| 下一级路径 | / | 图形文件位于 HTML 文件下一级 如 <img src="images/1.png">
|
| 上一级路径 | …/ | 图形文件位于 HTML 文件上一级 如 <img src="../1.png">
|
3.7.2、绝对路径🔥
- 绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
| 属性 | 作用 |
| — | — |
| href | 用于指定链接目标的url地址。必须属性 |
| target | 用于指定连接页面的打开方式。_self
为默认值,_blank
为在新窗口中打开 |
- 如果 href 里面地址是一个文件或者压缩包,会下载这个文件
作用:点击链接,可以快速定位到页面中的某个位置
-
在链接文本的
href
属性中,设置属性值为 #名字 -
找到目标位置标签,里面添加一个 id属性=刚才的名字
第二季介绍
-
注释快捷键为
ctrl + /
-
注释以
<!--
开始,以-->
结束
重点记住:空格、大于号、小于号 这三个,其余的使用的很少,如果需要使用回头查阅即可
-
table
用来定义表格的标签 -
tr
用来定义表格中的行,必须嵌套在<table></table>
标签中 -
td
用来定义表格中的单元格,必须嵌套在<tr></tr>
标签中 -
th
用来定义表格中的表头,表头单元格里面的内容加粗居中显示
表格标签的属性实际开发并不常用,因为基本都是通过后面的CSS来设置的
| 属性名 | 属性值 | 描述 |
| — | — | — |
| align | left,center,right | 规定表格相对周围元素的对齐方式 |
| border | 1或者’’ ‘’ | 规定表格单元是否拥有边框,默认为" ",表示没有边框 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白,默认1像素 |
| cellspacing | 像素值 | 规定单元格之间的空白,默认2像素 |
| width | 像素值或百分比 | 规定表格的宽度 |
3.12.1、表格结构标签
为了更好的表示表格的语义,可以将表格分割成 表格头部 和表格主体两大部分
-
用
<thead></thead>
标签表示表格的头部区域,<thead>
内部必须拥有<tr>
标签,一般是位于第一行 -
用
<tbody></tbody>
标签表示表格的主体区域,主要是用于放数据本体 -
以上标签都是放在
<table></table>
标签中
3.12.2、合并单元格
-
跨行合并:
rowspan=“合并单元格的个数”
-
跨列合并:
colspan="合并单元格的个数"
-
无序列表:
<ul>
-
有序列表:
<ol>
-
自定义列表:
<dl>
| 标签名 | 定义 | 说明 |
| — | — | — |
| <ul></ul>
| 无序列表 | 里面只能包含li,没有顺序。li里面可以包含任何标签 |
| <ol></ol>
| 有序列表 | 里面只能包含li,有顺序 |
| <dl></dl>
| 自定义列表 | 里面只能包含dt和dd,dt和dd里面可以放任何标签 |
一个完整的表单通常由表单域,表单控件(表单元素)和提示信息3部分组成
3.14.1、表单域🔥
-
表单域是一个包含表单元素的区域
-
<form></from>
标签用于定义表单域,会把它范围内的表单元素信息提交给服务器
| 属性 | 属性值 | 作用 |
| — | — | — |
| action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址 |
| method | get/post | 用于设置表单数据的提交方式,其取值为get或post |
| name | 名称 | 用于指定表单的名称,以区分同一个页面中的多个表单域 |
3.14.2、表单控件(表单元素)🔥
①input输入表单元素🔥
-
input
输入表单元素 -
input
是个单标签,type
属性设置不同的属性用来指定不同的控件类型(文本字段、复选框、单选按钮、按钮等)
type 属性的属性值及描述如下:
| 属性值 | 描述 |
| — | — |
| button | 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本) |
| checkbox | 定义复选框 |
| file | 定义输入字段和"浏览"按钮,供文件上传。 |
| hidden | 定义隐藏的输入字段 |
| image | 定义图像形式的提交按钮 |
| password | 定义密码字段。该字段中的字符被掩码 |
| radio | 定义单选按钮 |
| reset | 定义重置按钮。重置按钮会清楚表单中的所有数据。 |
| submit | 定义提交按钮。提交按钮会把表单数据发送到服务器。 |
| text | 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。 |
除 type 属性外,<input>
标签还有很多其他很多属性,其常用属性如下:
| 属性 | 属性值 | 描述 |
| — | — | — |
| name | 由用户自定义 | 定义 input 元素的名称 |
| value | 由用户自定义 | 规定 input 元素的值 |
| checked | checked | 规定此 input 元素首次加载时应当被选中 |
| maxlength | 正整数 | 规定输入字段中字符的最大长度 |
-
name 和 value 是每个表单元素都有的属性值,主要给后端人员使用。
-
name 是表单元素的名字,要求 单选框和复选框要有相同的name值
-
checked 属性主要针对于单选框和复选框,主要作用是一打开页面,就可以默认选中某个表单元素
②文本框与密码框🔥
-
type
属性设置为 text 是文本框 -
type
属性设置为 password 是密码框
用户名:
密码:
③单选框和复选框🔥
-
type
属性设置为 radio 是单选框 -
type
属性设置为 checkbox 是复选框 -
name 是表单元素的名字,要求 单选框和复选框要有相同的name值
用户名:
密码:
性别:男 女
爱好:吃饭 睡觉 打游戏
④name和value属性🔥
- name属性:当前input表单的名字,后台可以通过这个name属性找到这个表单,name的主要作用就是用于区别不同的表单
用户名:
密码:
性别:男 女
爱好:吃饭 睡觉 打游戏
- 注意:单选框和复选框name必须一致,value可以不一样
⑤checked和maxlength🔥
-
单选按钮和复选框可以设置checked 属性
-
当页面打开时候就可以默认选中这个按钮
-
单选框只能给其中一个加checked,复选框可以多加
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Java)
最后
我想问下大家当初选择做程序员的初衷是什么?有思考过这个问题吗?高薪?热爱?
既然入了这行就应该知道,这个行业是靠本事吃饭的,你想要拿高薪没有问题,请好好磨练自己的技术,不要抱怨。有的人通过培训可以让自己成长,有些人可以通过自律强大的自学能力成长,如果你两者都不占,还怎么拿高薪?
架构师是很多程序员的职业目标,一个好的架构师是不愁所谓的35岁高龄门槛的,到了那个时候,照样大把的企业挖他。为什么很多人想进阿里巴巴,无非不是福利待遇好以及优质的人脉资源,这对个人职业发展是有非常大帮助的。
如果你也想成为一名好的架构师,那或许这份Java核心架构笔记你需要阅读阅读,希望能够对你的职业发展有所帮助。
中高级开发必知必会:
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
-cTOmP1Et-1713855907112)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Java)
[外链图片转存中…(img-WU3FtNew-1713855907112)]
最后
我想问下大家当初选择做程序员的初衷是什么?有思考过这个问题吗?高薪?热爱?
既然入了这行就应该知道,这个行业是靠本事吃饭的,你想要拿高薪没有问题,请好好磨练自己的技术,不要抱怨。有的人通过培训可以让自己成长,有些人可以通过自律强大的自学能力成长,如果你两者都不占,还怎么拿高薪?
架构师是很多程序员的职业目标,一个好的架构师是不愁所谓的35岁高龄门槛的,到了那个时候,照样大把的企业挖他。为什么很多人想进阿里巴巴,无非不是福利待遇好以及优质的人脉资源,这对个人职业发展是有非常大帮助的。
如果你也想成为一名好的架构师,那或许这份Java核心架构笔记你需要阅读阅读,希望能够对你的职业发展有所帮助。
中高级开发必知必会:
[外链图片转存中…(img-KZD0Hpy8-1713855907112)]
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!