html+css学习笔记013-阿里图标0iframe

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

有时候会处于这样一种阶段

学了新的前端内容

会时常忘记前面一些不常用的标签或样式

熟能生巧

说起来容易做起来难

幸好深刻的懂得一句话

好记性不如烂笔头

读万卷书

不如写一本书

<!DOCTYPE html> <!-- 文档类型:标准html文档 -->

<html lang='en'> <!-- html根标签 翻译文字:英文 -->

<head> <!-- 网页头部 -->

<meat charset='UTF-8'/> <!-- 网页字符编码 -->

<meat name='Keywords' content='关键词1,关键词2'/>

<meat name='Description' content='网站说明'/>

<meat name='Author' content='作者'/>

<title>前端59期学员作业</title> <!-- 网页标题 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->

<style type='text/css'> /*内部样式表*/

iframe /* 网页中的网页,可以横排显示,相当于内联块级 */
frameborder 边框线 属性值(0,1)
scrolling 滚动条 属性值(yes,auto)
name 值 可以和a标签绑定,控制iframe里出现的网页内容
/* 例示:
<a href='https://www.baidu.com' target='123'> </a>
<iframe src='https://www.tmall.com' frameborder='1' scrolling='yes' name='123'> </iframe>

拓展:
可以在a标签href里同时赋予地址和id定位,有锚点的作用
 */

阿里图标:
矢量图标,相当于一种特殊的字体
缩放不会失真,加载快,可以用css样式控制颜色和大小
三种引入方式:
fontclass
symbol
unicode

网页标题小图标:
ico格式
/*  引入方式:
<link rel='shortcut icon' type='images/x-icon' href='xxx.ico'/>
*/

</style>

</head>

<body> <!-- 网页主干:可视化区域 -->

<div class='box'>
<ul>
<li></li>
<li></li>
</ul>
</div>

</body>

</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我爱编程

初识HTML5

客观地讲,没有不好的技术,只有没有用好的技术。JavaScript 的坎坷遭遇让我不禁想起了另一种被人们滥用的技术:Adobe公司研发的 Flash。

23620
来自专栏数据小魔方

图表案例|全球游戏行业用户渠道调查报告(尼尔森)

今天要跟大家分享的是一个尼尔森的典型图表案例——全球游戏行业用户渠道调查报告! 而且本图表是一个使用单选按钮的动态图表,非常适合作为案例来讲,同时可以巩固一下最...

40280
来自专栏听雨堂

图标的使用和转换实战

桌面应用程序里,难免要做工具栏,尽管充斥着各种各样华丽的选择,什么office效果、vista效果等等,但喧嚣过后,感觉还是windows自带的工具栏最耐看,当...

20380
来自专栏企鹅号快讯

浅谈Web自适应

前言 ? 随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率...

36380
来自专栏Coco的专栏

不可思议的纯CSS导航栏下划线跟随效果

24730
来自专栏练小习的专栏

带你轻松打开SVG动画的大门

初学SVG的时候,感觉那一坨一坨的代码难读难懂,现在回过头仔细想想,是因为那时候看文档缺少一些具体的实例,导致学习起来很枯燥。如今SVG已经在前端各个领域都有所...

24460
来自专栏GIS讲堂

Javascript+CSS实现影像卷帘效果

用过Arcgis的筒子们对于Arcmap里面的一个卷帘效果肯定记忆很深刻,想把它搬到自己的WebGIS系统中去,抱着同样的想法,我也对这种比较炫的卷帘效果做了一...

15920
来自专栏十月梦想

css3 flex弹性布局总结

本文涉及内容如下: flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器,但属性实在太多让人无从下手,因此将自己所学的...

12530
来自专栏web前端教室

本周作业--弹出窗口 beta1.0--讲解(1)

image.png 看作业需求: 1,添加一个自定义的下拉列表,里面可以选择城市,城市名自选; 2,选择不同城市,弹出窗口的内容区显示不同城市名; 3,在城市名...

20090
来自专栏前端说吧

小游戏——js+h5[canvas]+cs3制作【五子棋】小游戏

80740

扫码关注云+社区

领取腾讯云代金券