跟随我在oracle学习php(2)

在制作网页之前,先看一些常用标签的具体用法,上次我给出了常用标签表格,我们来一个一个看一看。

首先是<a>,他的第一个用法就是超链接,格式为<a href=”你想要跳转到的网页地址”>xx</a>

Exp:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

 

<body>

<a href="www.baidu.com">baidu</a>

</body>

</html>

 

我们将会得到下面的网页,点击baidu即跳转到www.baidu.com

 跟随我在oracle学习php(2)

第二个功能是下载文件,如果你连接的文件是浏览器无法打开的文件,浏览器则让你下载,如压缩文件等。

我们将上面代码中的www.baidu.com改为xxxxx.rar(你可以浏览随便一个本地的压缩包),再次打开网页,便会出现下载界面。

 跟随我在oracle学习php(2)

第三个功能即为锚链接。

锚链接可以实现从本网页中某处跳到另一处,或是从一个网页某处跳到另外一个网页的指定某处。我们在任意一标签内设置锚点,如对一个<h1 id=”h1”>标题1</h1>,那么这个标题的id便是h1,如果我们写一个<a href:”#h1”>锚链接</a>,那么点击锚链接字样便会跳转到标题1,最好先定义id,再写#id。如想跨网页跳转,需要在你想跳转到另一个id#前面加那个网页的路径。

 

再就是<b>标签,加粗所有在<b></b>之间的字。

 

<br>标签定义的是换行,浏览器将会忽略在编码时所敲的所有回车,只识别<br>,一个<br>换一行。

Exp<b>百度</b>

     <b>百度</b><br><b>百度</b>将会显示如下

跟随我在oracle学习php(2)

可以看到,前两个“百度”之间没有换行,最后一个“百度”独占一行,这是因为敲的回车不会识别,只识别<br>

 

 

 

说到<b><div>等标签,就不得不说标签特性,标签特性分为三种:

 

行标签 默认不占一行 不能设置宽高 所占区域和内容相关

 

<a>  <b>  <i>  <span>

 

行内块标签 默认不占一行 能设置宽高

 

<Img>

 

块标签    默认占一行 能设置宽高

 

<div> <p>  <h1>

跟随我在oracle学习php(2)跟随我在oracle学习php(2)跟随我在oracle学习php(2)跟随我在oracle学习php(2)

<b>标签(行标签) <div>标签(块标签)          <p>标签(块标签)                          <img>标签(行内块标签)

 

 

<img><video>标签类似,<img src=”路径”>就能将文件引入。

 

 

 

目前,<video> 元素支持三种视频格式:MP4WebMOgg

 

MP4 = MPEG 4文件使用 H264视频编解码器和AAC音频编解码器

 

WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器

 

Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器