大数据最新HTML学习记录_学习html的网志,2024年最新腾讯T2亲自讲解

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

HTML元素标签的含义

article 正文放在这个标签内,语义化标签
cellpadding 填充:指的是一个表格里的文字距离表格边缘的距离
cellspacing 间距: 指的是2个表格之间的距离
color 颜色
水平线 <hr />
box-shadow 10px 10px 10px 10px rgba(0,0,0,0.4) inset/outset 盒子阴影
!important 权重优先级
border-collapse:collapse 合并边框,让边框变成细线边框
width 宽度
height 高度
resize:none防止拖拽文本域
超链接 <a href="网址">可以是图片或者文本</a>
hspace 水平间距
vspace 垂直间距
cursor: pointer模拟鼠标手势
onclick 事件属性
outline:0去掉搜索框的外边框
bordercolor 表格边框颜色
bgcolor 背景颜色
letter-spacing:2px字间距
word-spacing:2px 单词间距
border 图像的边框宽度
link-through删除线
base 基层网址标记,放在头部和任何包含URL地址的语句之前<base href="http://www.baidu.com" target="_blank">
bgproperties 设置页面的图像固定,不随着页面的滚动而滚动。
infinite 无限的意思
a:hover是选择鼠标指针浮动在其上的元素,并设置其样式
box-sizing:border-box; 把W3C的盒模型改成IE的盒模型
sup 文字的上标
sub 文字的下标
white-space规定段落中的文本不进行换行
strike 删除线
code 等宽文字效果,常用于设置英文
nobr 取消文字换行标记
var 变量标记,文字默认是斜体
transition all/height 花费时间0.3s 运动曲线ease 何时开始0 ,all指的是 top width都行,跟鼠标滑过div时候配合使用
display:none 隐藏元素DIV
display:block 设置为块级元素
display:inline设置为内联元素
border-radius: 10px; CSS3画圆角
list-style-type: none; 清除li的默认样式
xmp或者plaintext 忽视HTML标记
box-shadow: 10px 10px 5px #888888; 设置阴影
font-weight 设置文本的粗细,可以给b标签加粗的字体在CSS里让他变的细点
overflow 溢出处理 overflow:hidden;隐藏超出的文本 overflow:scroll;始终有滚动条 overflow:auto;溢出有滚动条
span 行内元素 div是块级元素 如果你想在一行内给其中的几个字加特效,就需要span了

 <p>大家今天<span style="background-color:#FFFF33;font-size:36px;">干吗</span>呢<p>

图像热区域 <area shape="rect" coords="34,35,68,58" href="#" />34.35.68.58分别代表x坐标y坐标宽和高

margin 外边距,设置一个元素与其他元素之间的间距,以及一个元素与浏览器边缘之间的间距。

margin:34px auto 0 auto; /*margin后面是有4个参数的。例如:margin:1px 1px 1px 1px分别表示 上、右、下、左
margin:auto; 自动居中命令;
margin-left:10px;只是设置一个方向时候的用法。

padding 内边距(填充),表格边框距离文字的距离也就是内边距(文字在表格的里边)

如果文字宽高背景色设置好了,padding值太大的话,是会把背景色撑大,但是文字是挤不出边框外边的。
如果宽高设置成300*300,那么容纳文字的区域还是这么大,只是把背景色撑大了。

div 在网页内容中间分出一个矩形区域 设置好宽高

div元素在W3C中定义为一个盒模型,看起来像一个矩形区域,所有的矩形区域都是块元素

class 给元素加名字 例如 <div class="">


<meta name="keywords" content="CSS动画,游乐园,摩天轮,前端" >这是网页的关键词信息 利于网站的SEO,让用户找到你
<meta name="description" content="这是一个CSS3游乐场动画,效果很好。">这里主要介绍网站的主营业务和优点来区分搜到的其他网站。也就是网站的简介


**普通流规则**规定了一个块元素在父元素内是如何排列的 1从上往下 2从左往右 3一个元素占一行(块元素的宽度在默认情况下和父元素的宽度是一样的)


网页中的网页Iframe
IFRAME元素也就是文档中的文档,或者好像浮动的框架(FRAME)。

<iframe name="a" width="120" height="160 src="text.html" frameborder="0" scrolling="no"></iframe>

Name框架的名字 Src连接的源文件 Frameborder 框架的边框设置 Scrolling 滚动条设置
HTML5中废弃了框架


脚本链接:
收藏网址: javascript:window.external.addfavorite('http://www.baidu.com','百度网址')
设为主页:先设置空链接,再在代码中加入:onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.qq.com')"


小技巧:

List item连续空格 一直按ctrl+shift+空格
2. shift+回车 不分段 是换行的意思 两行没间距,直接按回车 是分段的意思 两行间距大
3. 标签==元素
4. 填充10 间距1 边距0 表格背景颜色是#333333浅灰色 这种设置出来的表格边框是细纹的,比直接设置表格边框为1的好看.
5. <meta charset="UTF-8">设置网页的语言字符集 可以解决网页的乱码问题
6. <img>展示的图片右键点了后可以复制,可以下载,但是<background>展示的图片右键点了什么反应都没有 img是展示给人看的,而background是样式,是用来装饰的 。
7. 行高(line-height)指的是第一行文字的底部到第二行文字的底部,行距指的是第一行文字的底部到第二行文字的上部分行高指的是第一行文字的底部到第二行文字的底部,行距指的是第一行文字的底部到第二行文字的上部分
8. 行高和内边距都可以设置文字垂直居中。
9. ID和class不能数字开头。
10. div没有语义,p h1 table语义化标签,语义化标签可以让seo知道这些是重要的地方,利于SEO。
11. 图片是特殊的内联元素(行内元素), 可以设置宽高,是内联替换元素,也可以设置成IE盒子模块让总高度不变,内边距往里挤,也可以达到垂直居中的效果
12. position:fixed; 这个可以用于固定导航栏,让导航栏不随滚动条的滚动而滚动。同时加上top:0;left:0;

@keyframes changeRotste{ 这是旋转关键帧名字的设置,名字为changeRotste
from{
transform:rotate(0deg);*/ /变化:角度(角度值),以元素的中心点来旋转,角度变化的意思/
}
to{
transform:rotate(360deg);
}


CSS控制段落:

text-indent:20px; 首行缩进
text-decoration:line-through dotted red; 文字装饰线是删除线,虚线,红色线条
text-align 文字对齐方式
text-shadow 文字阴影


CSS文字控制

font-style: italic 控制文字是正着还是斜着
font-weight: bold 控制文字的粗细
font-size:5px; 控制文字的大小
font-height:5px;控制文字的行高
font-family:黑体 控制文字的字体
做出的网页的字体,如果对方电脑没有的话,对方电脑会从他机器上找一种默认字体来显示出来,我们可以给自己的网页设置N多字体,如果对方电脑没有这种字体的话,让网页按照顺序来下一种、下下一种字体。这就是字体的显示顺序。

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

-1715766361649)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值