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

首先是<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

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

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

第三个功能即为锚链接。

锚链接可以实现从本网页中某处跳到另一处，或是从一个网页某处跳到另外一个网页的指定某处。我们在任意一标签内设置锚点，如对一个<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>将会显示如下

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

说到<b>和<div>等标签，就不得不说标签特性，标签特性分为三种：

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

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

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

<Img>

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

<div> <p>  <h1>

<b>标签（行标签） <div>标签（块标签）          <p>标签（块标签）                          <img>标签（行内块标签）

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

目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。

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

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

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

跟随我在oracle学习php（2）的更多相关文章

  1. 跟随我在oracle学习php（19）

    Order by子句 形式: order  by  排序字段1  [排序方式],  排序字段2  [排序方式], ..... 说明: 对前面取得的数据(含from子句,where子句,group子句, ...

  2. 跟随我在oracle学习php（18）

    修改表: 一般概述 通常,创建一个表,能搞定(做到)的事情,修改表也能做到.大体来说,就可以做到: 增删改字段: 增:alter  table  表名  add  [column]  字段名  字段类 ...

  3. 跟随我在oracle学习php（17）

    通用设定形式 定义一个字段的时候的类型的写法. 比如: create  table  tab1  (f1  数据类型 ); 数据类型: 类型名[(长度n)]  [unsigned]  [zerofil ...

  4. 跟随我在oracle学习php（16）

    数据库的增删改查 增:create  database  [if  not  exists ] 数据库名  [charset  字符集]  [collate  字符排序规则]: 说明: 1,if  n ...

  5. 跟随我在oracle学习php（15）

    开发环境 独立开发环境:组成 Windows/Linux php Apache MySQL 集成开发环境:phpstudy wamp xammp 关系数据库: SQL: Struct Query La ...

  6. 跟随我在oracle学习php（14）

    CSS3的@keyframes用法详解: 此属性与animation属性是密切相关的,关于animation属性可以参阅CSS3的animation属性用法详解一章节. 一.基本知识: keyfram ...

  7. 跟随我在oracle学习php（13）

    常用的css样式 [class~="col-6"]:选择我所有类名中包含有col-6独立单词的元素 [class*="col-"]:选择所有类名中含有" ...

  8. 跟随我在oracle学习php（12）

    DOM 文档对象模型 body:(什么时候)找到标签 操作标签找到标签:(都会返回一个js对象)document.getElementById() 通过iddocument.getElementsBy ...

  9. 跟随我在oracle学习php（11）

    数组专题 数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ consol ...

  10. 跟随我在oracle学习php（10）

    正则表达式 做验证 做匹配 用符号来描述书写规则:/ 中间写正则表达式 /^ :匹配开头,$:匹配结尾 : /^ve/以ve开头的 /ve$/以ve结尾\d:一个任意的数字\w:一个任意的数字或字母\ ...

随机推荐

  1. python数据结构-如何快速找到多个字典中的公共键

    如何快速找到多个字典中的公共键 问题举例 统计每轮都进球的球员: 第1轮{‘tom’:1, 'meixi':2} 第2轮{‘coco’:3, 'meixi':4, 'marton':2} 第3轮{'c ...

  2. JavaScript 数组插入元素并排序

    1.插入类排序 插入类排序的思想是:在一个已排好序的序列区内,对待排序的无序序列中的记录逐个进行处理,每一步都讲待排序的记录和已排好的序列中的记录进行比较,然后有序的插入到该序列中,直到所有待排序的记 ...

  3. C语言进阶之路（一）----C语言的内存四区模型

    内存四区模型:操作系统给C/C++编写的程序分配内存,通常将分配的内存划分为以下四个区域:1.栈区:存放局部变量,用完由操作系统自动释放2.堆区:动态分配给程序的内存区域,由程序员手动释放3.数据区: ...

  4. linux关闭终端响铃

    title: linux关闭终端响铃 date: 2018-01-25 15:10:14 tags: linux categories: linux 在终端输入或是直接在.bashrc里添加一行 xs ...

  5. Sitecore Aliases

    Sitecore别名 出于各种原因,有时您希望页面URL简短且易于记忆.例如,如果您在网站上运行任何广告系列或某些广告,则需要轻松记住该网址.在Sitecore中,有一种方法可以为名为Sitecore ...

  6. Linux学习笔记之时间同步the NTP socket is in use, exiting问题

    [root@app1 ~]# ntpdate ntp.api.bz 17 Apr 14:39:09 ntpdate[24744]: the NTP socket is in use, exiting ...

  7. JDK1.7安装和配置及注意事项

    要求 必备知识 windows 7 基本操作. 运行环境 windows 7 下载地址 环境下载 下载JDK 下载地址:http://www.oracle.com/technetwork/java/j ...

  8. ERROR 1130 (HY000): Host '172.16.1.54' is not allowed to connect to this MySQL server

    centos7.5 远程连接数据库报错 问题: [root@db04-54 ~]# mysql -urep -p123 -h172.16.1.51 Warning: Using a password ...

  9. Server.Transfer VS Response.Redirect – Simplified

    https://www.codeproject.com/Articles/775221/Server-Transfer-VS-Response-Redirect-Simplified Introduc ...

  10. 深度学习标注工具 LabelMe 的使用教程（Windows 版本）

    深度学习标注工具 LabelMe 的使用教程(Windows 版本) 2018-11-21 20:12:53 精灵标注助手:http://www.jinglingbiaozhu.com/ LabelM ...