Day02笔记

2017-02-15 本文已影响0人兔子和猪

一、HTML常用标签

1、body标签：

用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内，标记中的信息才是最终展示给用户看的。

一个HTML文档只能含有一对<body>标记，且标记必须在标记内，位于头部标记之后，与标记是并列关系。

2、标题标签h1-h6：

标题1到6数字不是定义标题的样式大小，而是定义标题的在整个页面中的权重。

标题标签只能嵌套行内标签。

3、段落标签：p

行内标签。

4、水平线标记hr，换行标签 br，水平线标签 hr

5、文本节标签:span

6、定义着重文字，文字以斜体显示：em；

定义加重语气，文字以粗体形式显示：strong；

定义下标字：sub；定义上标字：sup；

定义删除字，给文字加删除线：del，s；

文字加下划线：u，ins。

二、超链接与图片

1、超链接

超链接标签：a ，

<a href="跳转目标" target=“目标窗口的弹出方式”>超级链接内容</a>;

href属性:指向跳转的地址

target属性：blank：新窗口打开；self：默认值；

锚点链接：

使用<a href="#id名">链接文本<\a>创建链接文本。

使用相应的id名标注跳转目标的位置。

2、相对路径与绝对路径

相对路径:

图像文件和html文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif"/>;

图像文件位于html文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img1/logo.gif"/>;

图像文件位于html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif"/>.

绝对路径

绝对路径一般是指带有盘符的路径。例如:

“D:\HTML+CSS网页制作\chapter02\img\logo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。

三、常用图像格式：jpg，png，gif；

gif和png基本差不多，色彩比较少的直接gif，如果图片动画用gif。对色彩要求高的用jpg。

四、图像标记属性

<img/>标记属性:

�