前端学习
HTML
特殊字符
标签
文本修饰标签
引用标签
iframe标签
可以引入其他的html到当前的html中显示
主要是利用iframe的属性进行样式的调节
pre与code标签(一起使用)
针对网页的程序代码的显示效果
map与area(一起使用)
给特殊图形添加链接
embed与object
给flash和一些插件进行渲染操作的标签
audio与video
引入音频与视频的标签
ruby与rt(一起使用)
文字注解
link标签扩展
添加网址标题栏的小图标
<link rel="ico" type="/image/x-icon" href="http://www.mobiletrain.org/favicon.ico"> /*千峰的小logo*/
dns解析处理,加快网站访问速度
<link rel="dns-prefetch" href="...">
语义化标签
header 页眉 footer 页脚 main 主要的 nav(navigation) 导航的简写 section 区段 aside 旁边 article 文章
超链接跳转方式
href 链接的地址 target 可以改变链接打开方式,默认值为:_self(当前页面打开),可以改成blank,则跳转时打开新页面
也可以如下实现,改变所有链接跳转方式,都为新页面跳转
<head>
<base target="_blank"></base>
</head>
跳转锚点
利用#,id即可实现
<body>
<a href="#html">html</a>
<a href="#css">css</a>
<a href="#js">js</a>
<h1 id="html">HTML</h1> <p>...</p>
<h1 id="css">CSS</h1> <p>...</p>
<h1 id="js">JAVASCRIPT</h1> <p>...</p>
</body>
列表
无序列表
有序列表
定义列表
<body>
<dl>
<dt>标题</dt>
<dd>子标题1</dd>
<dd>子标题2</dd>
<dd>子标题3</dd>
</dl>
</body>
图片
常见图片格式:
gif: 支持动画,只有全透明和不透明两种模式,只有256种颜色。
jpg: 采用有损压缩算法,体积较小,不支持透明,不支持动画。
png: 采用无损压缩算法,体积相对较小,支持背景透明,不支持动画。(比较常用)
svg: 只会记录图像的形状和颜色。(不太适合用于保存照片,适合保存图形)
psd: Photoshop原始文件,方便切图
图片处理:
src 引入图片的地址
title 鼠标划上时的提示信息 alt 若图片加载失败后的提示信息
表格
caption 表格标题
colspan:单元格所占列数(列合并)
rowspan:单元格所占行数(行合并)