html+css学习笔记013-阿里图标0iframe
html+css学习笔记013-阿里图标0iframe
Mr. 柳上原
发布于 2018-09-05 15:14:05
发布于 2018-09-05 15:14:05
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>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.05.30 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读