WEB前端笔记2

图像标签

常见的图像格式

JPG   GIF  PNG   BMP  

语法格式

<img src="path" alt="text" title="text" width="x" height"y"/>

src代表图像地址    alt代表图像的替代文字   title代表鼠标悬停提示文字 

width代表图像宽度     height代表图像高度  默认单位为px

链接标签

语法格式

<a href="path" target="目标窗口位置">链接文本或者图像</a>

href代表链接路径  target代表链接在哪个窗口打开   目标窗口位置的常用值：_self、_blank

_self代表一个页面打开 _blank代表另一个页面打开

#top就是本页跳到顶页

页面链接

一个页面跳到另一个页面

锚链接

从A页面的甲位置跳到本页中的乙位置

从A页面的甲位置跳到B页面中的乙位置

创建步骤

创建跳转标记

<a name="marker">乙位置</a>

创建跳转链接

<a href="#marker">甲位置</a>

功能性链接

电子邮箱   QQ   MSN 

<a href="mailto:louis7191@163.cn">联系我</a>

块元素

无论内容多少，该元素独占一行（p、h1-h6）

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行（a、strong,em...）