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

首先是<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. ThinkPHP数据库操作相关

  2. axios的基本概念及安装配置方法

    ajax:异步请求,是一种无需再重新加载整个网页的情况下,能够更新部分网页的技术 axios:用于浏览器和node.js的基于promise的HTTP客户端 1.从浏览器制作XMLHttpReques ...

  3. linux 创建用户和添加到组

    1.添加用户 先用root用户登录 useradd -m testuser #这样的做会在/home下创建目录 2.指定shell #cat /etc/passwd  #查看用户指定shell roo ...

  4. CSS组合选择符

    组合选择符说明了两个选择器直接的关系. 目录: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选取器 后代选取器匹配所有值得 ...

  5. java web 的 几种跨域方式

  6. weblogic10补丁升级与卸载

    1.首先将补丁包解压放在weblogic的utils/bsu/cache_dir文件夹下,如果没有该文件夹,则手动创建. 2.回到bsu目录,执行安装命令 C:\Oracle\Middleware\u ...

  7. STS的安装与简单使用

    一,STS下载与安装 1.下载地址:http://spring.io/tools3/sts/all 2.选择对应版本安装或者解压 二,STS简单使用 1.快捷方法 (1)main+alt+/+回车 = ...

  8. Java 设计模式学习笔记1——策略模式（Duck例子）

    0.假设现有工程(Duck)中遇到为类添加功能的问题,如何设计类添加新的功能? 1.利用继承提供的Duck(鸭子)的行为会导致哪些缺点? (1)代码在多个子类中重复 (2)很多男知道所有鸭子的全部行为 ...

  9. 调研IOS的开发环境的发展演变

    一. 关于IOS的开发发展历史: 百度一下,关于这方面的详细资料有很多,在这里就不复制粘贴占用篇幅了. 二. 关于个人搭建IOS开发环境的体验: 本人用的是华硕电脑,window7的操作系统,本来为了 ...

  10. Jupyter Notebook插入图片的4种方法

    来自:https://blog.csdn.net/qq_33039859/article/details/78507316 方法1: ![title](img/python.png) Markdown ...