Author:Mr.柳上原
- 付出不亚于任何的努力
- 愿我们所有的努力,都不会被生活辜负
- 不忘初心,方得始终
有时候会处于这样一种阶段
学了新的前端内容
会时常忘记前面一些不常用的标签或样式
熟能生巧
说起来容易做起来难
幸好深刻的懂得一句话
好记性不如烂笔头
读万卷书
不如写一本书
<!DOCTYPE html> <!-- 文档类型:标准html文档 -->
<html lang='en'> <!-- html根标签 翻译文字:英文 -->
<head> <!-- 网页头部 -->
<meta charset='UTF-8'/> <!-- 网页字符编码 -->
<meta name='Keywords' content='关键词1,关键词2'/>
<meta name='Description' content='网站说明'/>
<meta 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>