专栏首页菜鸟前端工程师html+css学习笔记013-阿里图标0iframe

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 条评论
登录 后参与评论

相关文章

  • html+css学习笔记014-H5新标签0浏览器兼容

    Mr. 柳上原
  • html+css学习笔记001-常用标签

    Mr. 柳上原
  • html+css学习笔记003-样式初始化

    Mr. 柳上原
  • 零基础学网页开发入门(制作博客案例)适应手机端div+css+js的综合介绍

    html翻译一下:hype text mark language 超文本标记语言

    刘金玉编程
  • 零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建

    欢迎小伙伴继续观看网页开发教程。该教程是基础有简单计算机基础,但是却没有网页开发基础的同学使用的。如果您毫无计算机基础,对于本教程的使用还是会有一点的难度。

    刘金玉编程
  • 小白也可以快速入门的Python爬虫攻略,信息任我抓

    最近经常有人问我,明明看着教程写个爬虫很简单,但是自己上手的时候就麻爪了。。。那么今天就给刚开始学习爬虫的同学,分享一下怎么一步一步写爬虫,直至抓到数据的过程。

    猫咪编程
  • Webpack + vue 之抽离 CSS 的正确姿势

    大部分使用过webpack的朋友都知道,抽离css需要使用到webpack的插件extract-text-webpack-plugin,vue也不例外。

    easonxie
  • 第二篇 爬虫技术之HTML

    hello,大家好今天我们继续分享爬虫的相关技术,今天我们分享的是html的基础知识。

    python编程从入门到实践
  • 运维天地-服务器05-X86-PCServer磁盘信息获取

    大话IT架构
  • 7 papers|EMNLP 2019最佳论文;Facebook语言模型XLM-R取得SOTA结果;最优学习的85%规则

    论文 1:Specializing Word Embeddings(for Parsing)by Information Bottleneck

    机器之心

扫码关注云+社区

领取腾讯云代金券