推荐前端学习路线如下:
HTML、CSS、JavaScript、noodJS、组件库、JQuery、前端框架(Vue、React)、微信小程序和uniapp、TypeScript、webpack 和 vite、Vue 和 React 码源、NextJS、React Native、后端内容。。。。。。
根
头部 放置页面相关信息
身体 放置内容
标题
【HTML】重点知识内容~快速上手
表示一级到六级标签 文本标题标签自带加粗,有自己的文本大小,并且独占一行,有默认间距
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
标识一个段落(段落与段落之间有段间距);
默认情况,在网页上,页面上的内容不会按照我们写的代码进行换行。`回车` 会被渲染成一个 `空格`;
这是一段文字
这是一段文字
image的缩写,img是一个单标签,功能是在一个网页上展示一个图片。
可以是绝对路径,也可以是相对路径
E:\H5\02_HTML\代码\xxx.jpg
https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png
未来我们的网页上,最后上线,几乎都是网络地址相对路径记住两个概念 ./
和 ../
,分别表示当前目录和上一级目录。一般我们在正常的项目结构中。
推荐一个使用方法,在src中直接输入 ./
接下来根据提示选择对应的文件夹及对应的文件
- 项目文件夹
- css
- img
- js
- 网页1.html
- 网页2.html
大小设置
我们可以给图片添加width和height两个属性,设置图片的宽高
注意!!!宽高只要设置一边,就会等比缩放,如果都设置,除非都是等比例缩放,否者会变形

可以让文字倾斜,em表示强调,i表示文字斜体。在项目中,很多人把 i
作为图标展示的标签。
可以让文字加粗,stong表示强调,b表示文字加粗。
可以在网页中实现换行,就像是一个回车。
如果我们在项目开发中,主动频繁使用 br
,说明写的有问题
分割线,在网页上实现一条横线,也很少使用
倾斜
倾斜
加粗
加粗
23 上标
02 下标
删除线
下划线
删除线
  空格
> 大于号
< 小于号
© 版权
超链接,在网页上,存在着很多的超链接。一定要会用
网址
,也可以是相对路径
超链接
超链接
无序列表在网页中应用最多
type类型:
type="A/a/I/i/1"
start="4"
定义开始位置,属性值必须是数字。
type="disc" 实心圆
type="circle" 空心圆
type="square" 方形
type="none" 没有
- 标题 关键词(可以插图片和文本)
- 对内容的详细解释
这是一个重要的标签,但是前期我们所做的面向用户的网站中,不常用。
插件:表格宽*高=table>tr*n>td*n
在写表格时,thead , tbody , tfoot 可以省略不写。
-width="" 表格的宽度
-height="" 表格的高度
-border="" 表格的边框
-bordercolor="" 表格边框的颜色
-bgcolor="" 背景颜色
-cellspacing="" 单元格之间的间距
-cellpadding="" 内容到边框的间距
-aligen="" left center right 水平对齐方式
-valign="" top bottom middle basline 垂直对齐方式
如果我们想让某一个单元格,跨多行,给这个td添加 `rowspan` 可以实现跨行操作
-rowspan="所要合并单元格的行数" 合并行
如果我们想让某一个单元格,跨多列,给这个td添加 `colspan` 可以实现跨列操作
-cowspan="所要合并单元格的列数" 合并列
表单标签未来不太常用,因为form已经逐渐被ajax替代了。但是我们前期写页面时,还是要使用
我们应该把所有的表单内元素包裹在一个form中(非必须)
method 方式,方法,定义表单提交的方法。
get是获取
method="get" 从服务器上获取数据,在数据传输的过程中,用可以在地址栏上看到过程,默认传递方式,安全性比较低。
post 是传递数据
method="post" 向服务器传送数据,在数据传递过程,用户在地址栏上看不到,安全性比较高。
action设置数据传递之后给谁?
input有很多种形态,需要通过type属性进行控制
一般情况下,value用来获取对应用户输入的值,用来帮助系统显示内容。
如果我们要使用表单提交,则所有的表单内元素都需要加name属性
点击文字即可选中
方便修改文本样式
设置提示信息
普通按钮,如果把button放在表单里,则button自动会有提交功能
两种的作用相同
下拉选择框,需要用select包裹多个option
文本域,用于输入多行文本时使用
用来划分页面区域的
修饰独立小部分内容
两者没有固定的格式表现。对他应用样式(CSS)时,他才会产生视觉上的变化。