属性：
-
color:文本的颜色
-
bgColor:背景色
-
background：背景图片
颜色的表示方式：
-
颜色名称 red blue green yellow orange
-
RGB模式 #000000 #ffffff #325687
卡卡之家
排版标签
-
注释标签：
-
换行标签：
-
段落标签：
文本文字
特点：段落与段落之间有行高（行间距）自带换行
属性：文本对齐方式 align （left、center 、right）
- 水平线标签：
属性：
width：水平线的长度(两种：像素表示。第二种：百分比显示)
size：水平线的粗细（一般给个位数如 6px）
color：水平线的颜色
align：水平线的对齐方式(left、center、right)
标题标签
共有6级从h1到h6，数字越小标题越大，默认加粗占一行；
容器标签
-
块级标签div ： 独占一行，自带换行；
-
行级标签span ： 所有内容都在同一行；
作用：
-
块级标签div主要是结合css做页面分块布局；
-
行级标签span主要进行友好提示信息的显示；
列表标签
无序列表
ul(unorder list)
ul是无序列表，默认标识为实心圆 disc
circle 空心圆
square 黑色方块
- 兰博基尼
- 法拉利
- 宾利
有序列表
ol(order list)
ol是有序列表，默认标识为阿拉伯数字 1
a A 字母字典顺序
i I 罗马数字
- 兰博基尼
- 法拉利
- 宾利
定义列表
dl(defination list)定义列表
dt(defination title)定义标题
dd(defination description) 定义描述
- 定义描述
定义标题- 定义描述
图片标签
img 独立标签
属性：
-
src 图片地址
-
width 图片的宽度
-
height 图片的高度
-
border 边框
-
alt 图片的文字说明 当图片未能正确加载时，才显示
-
title 鼠标悬停时，显示的文字
<img src=“img/1.jpg”
width=“500px”
height=“900px”
/>
<img src=“img/timg.jpg”
width=“500px”
height=“500px”
border=“5”
alt=“当图片未能正确加载时显示”
title=" 鼠标悬停时，显示的文字"
/>
链接标签
超链接可以是文本也可以是图片，可以点击链接标签，进入新的文档，或者是当前文档中的某个部分；a标签
属性：
-
href="跳转的地址"跳转外网需要添加协议
-
target:_self(当前文档)
_blank(新页面,会一直打开新的)
_search 之前打开的页面存在，则不打开新的页面，直接复用
- name 充当锚点（顶部、底部）需要为标签提供name属性，进行赋值
需要点击跳转的标签href属性给 #name
广告
广告
广告
广告
这是最底端
表格标签
表格由table标签来定义，每个表格均有若干行(由tr标签定义行)，每行由若干个单元格组成(由td标签来定义)；
table属性：
-
默认没有边框体现
-
border:边框的宽度
-
bordercolor:边框的颜色
-
cellspacing:单元格的间距
-
cellpadding:单元格与内容的间距
-
width:宽度
-
height:高度
-
align:控制表格的对齐方式 left center right
td的属性：
-
align:控制的单元格内容的对齐方式 left center right
-
valign:控制单元格内容的垂直对齐方式 top middle bottom
普通表格
table tr td
width=“300px” height=“300px” align=“center”>
学号 姓名 性别 1001 卡卡 男
表格的表头
th：默认居中字体加粗；
学号 姓名 分数 1002 糖糖 100
表格的列合并
colspan
学生信息表 学号 姓名 各科成绩 1 卡卡 80 90
表格的行合并
rowspan
学生表 学号 姓名 java html 1 卡卡 80 90 100 99
文本格式化标签
卡卡之家
卡卡之家
卡卡之家
卡卡之家
卡卡之家
卡卡之家
卡卡之家
卡卡之家
卡卡之家
卡卡之家
============================================================================
综合案例 自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后：
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。
面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。
低效又漫长，而且极易碰到天花板技术停滞不前！**
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
[外链图片转存中…(img-yWDRSrWV-1713491998340)]
[外链图片转存中…(img-j6fhJe0u-1713491998340)]
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
[外链图片转存中…(img-pxB7IOd4-1713491998340)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-PUevUiO3-1713491998341)]
最后：
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。
面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。
扫一扫
3278
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
