基础标签--思鹏代码库

2015/4/17 10:57:27 人评论 次浏览 分类:选择器

初识标签


(一) HTML 标签是由尖括号包围的关键词,比如 <html>

(二) HTML 标签通常是成对出现的,比如 <span> </span>  

(三) 标签对中的第一个标签是开始标签,第二个标签是结束标签

(四) 开始和结束标签也被称为开放标签和闭合标签

HTML文档


 简介

(1).  html文档用于描述网页中的内容

(2).  HTML 文档包含 HTML 标签和纯文本,Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML标签,而是使用标签来解释页面的内容

      结构

(1).  HTML的结构包括头部(Head)、主体(Body)两大部分

(2).  其中头部描述浏览器所需的信息

(3).  而主体则包含所要说明的具体内容。


<!DOCTYPE>

简介

<!DOCTYPE>声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

该标签可声明三种 DTD 类型,分别表示严格版本(Strict)、过渡版本(Transitional )以及基于框架(Frameset)的 HTML 文档。

格式

以下面这个 <!DOCTYPE> 标签为例:<!DOCTYPE html>

标题标签


html的标题标签以H1~H6等标签进行定义的 例如:

<h1>The is a heading </h1>

<h2>The is a heading </h2>

<h3>The is a heading </h3>

注意事项:在使用H1标题标签时需要保证标签的唯一性!


段落标签

html的段落是通过<p>标签进行定义的,例如:

<p>这是一个段落标签 </p>

该标签运用于文章的定义。


图片标签

<1> 常见图片格式 :

(1)  .jpg : 全名是JPEG。JPEG图片以 24 位颜色存储单个位图。JPEG 是与平台无关的格式,支持最高级别的压缩,不过,这种压缩是有损耗的。渐近式 JPEG 文件支持交错。

(2)  .gif : (Graphics Interchange Format)的原义是“图像互换格式”

特点一:支持无损耗压缩和透明度;

特点二:在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画,易于使用许多 GIF 动画程序创建。

缺点:详细的图片和写实摄影图像会丢失颜色信息

(3)  .png:优点:PNG 支持高级别无损耗压缩(支持透明度,);IE6不支持透明

<2> 相对路径和绝对路径

(1)  HTML相对路径(Relative Path)

同一个目录的文件引用:如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。

例如:<img src="logo.png"/>

(2)  HTML绝对路径(Absolute Path)

完整的描述文件位置的路径就 是绝对路径不需要知道其他任何信息就可以根据绝对路径判断出文件的位置;

例如:<img src="c:/logo.png"/>

<3> 图片的四要素

src , alt , width , height

(1) src: 图片的相对路径和绝对路径

(2) alt: 图片的描述信息

(3) width: 图片的宽度

(4) height: 图片的高度

例如:

<img src="logo.png" alt="首页" width="300px"; height="100px"/>






上一篇:CSS层叠样式表 (Cascading Style Sheets)

下一篇:没有了

共有访客发表了评论 网友评论

验证码: 看不清楚?