HTML 02

全局通用属性  id  name  class  style

一、 图像标签

标签名:<img  />

常用属性:

Alt -- 代表图像的替代文字

作用: 当图片不显示的时候出现内容 用于提醒用户本图片的内容

Src -- 代表一个图像的源路径(就是图像的位置)

Border -- 代表图片边框宽度

Height -- 代表图像的高度

Width -- 代表图像的宽度

注意: 如果想要使用宽度和高度的话 不能同时使用 否则图片失真 如果要改变效果 请修改一个属性即可

Title -- 提示字

常用格式:

JPEG  -- 支持多种颜色可以有很高的压缩比  使用有损压缩 不支持透明

GIF -- 最多支持256色 支持透明  支持多帧动画显示效果

PNG -- 是一种新的图片技术 可以表现品质比较高的图片 使用无损压缩 支持透明 不支持动画

注意 : 图片标签的所有路径不能出现中文内容 在代码路径中不能出现中文! 所有现在开始我们的所有命名请使用英文和拼音

二、   链接和锚点

  1. 链接标签

标签名:<a></a>

常用属性:

Href -- 代表的是一个url链接源(就是你要链接到什么位置)

Url除了是网页外 还可以是其他的文件(如:文本文件,图片等..)

如果你要跳转到网站上的时候 必须要在href的里面写上我们的协议(http,https)

Url还可以是指定一个html文件的一个位置

Url 还可以是EMail地址

target  用来指出哪个窗口或框架应该被此链接打开

_blank  将连接内容在新窗口打开

_parent 将连接内容 当前文件的上一个画面

_self   将连接内容显示在目录的窗口中(默认值)

_top    这个参数可以解决新内容被旧框窗保卫的困扰(分帧框架的时候讲解)

Title -- 代表链接附加提示信息

  1. 锚点(内部链接)

声明锚点

<a name="锚点名"></a>

使用锚点

内部使用方式

<a href="#锚点名"></a>

外部使用方式

<a href="./demo.html#锚点名">我要去看小说的第三章</a>

<h1 id=”one”></h1>

三、表格标签

  1. 表格标签

<table></table>

常用属性:

Border 边框 单位是像素  设置为0则不显示边框

Width  表格宽度  可使用像素或者百分比

Height  表格高度  可以使用像素或者百分比

注意:如果外面没有父级元素设置高度 那么我们就不能使用百分比

Cellspacing 单元格间距 单位为像素 默认为2

Cellpadding 单元格内边距 单位为像素 默认为1

align 表格相对于周围元素的位置

left(左边)|center(中间)|right(右边)

Bgcolor 背景颜色

Background 背景图片

Frame 规定外侧边框的哪个部分是可见的(了解)

Void  不显示外侧边框

Above 显示上部的外侧边框

Below 显示下部的外侧边框

Hsides 显示上部和下部的外侧边框

Vsides 显示左边和右边的外侧边框

2. 行标签

<tr></tr> 代表 html中表格的一行内容

常用属性:

Align 内容的水平位置

Left(默认值)|center|right

Valign 内容的垂直位置

Top(上面)|middle(中间)(默认值)|bottom(下面)

Bgcolor 背景颜色

Height  高度

注意:在tr标签中是没有width这个属性的 所以说别再tr标签中设置宽度属性

3. 单元格标签

<td></td> 代表html中表格的一个单元格

Width/height 宽度和高度

Align/valign 对齐

Left|center|right

Top|middle|bottom

Colspan 合并列

Rowspan 合并行

Bgcolor 背景颜色

<th></th> 在html中的表格中代表单元格 但是他有特殊的样式是 加粗居中显示

4. 表头标签

<caption></caption> 表格表头

html5 02 随记的更多相关文章

  1. HTML5 02. 多媒体控件、拖拽事件、历史记录、web存储、应用程序缓存、地理定位、网络状态

    多媒体 video:是行内块(text-align: center; 对行内块适用) <figure></figure>: 多媒体标签 : <figcaption> ...

  2. html5 01 随记

    一  HTML 是一种制作网站的标记语言 二.HTML基本语法 HTML 标签 html标签是html中的最基本单位 也是最重要的部分 通常使用尖角号 开始"<"和结束&qu ...

  3. 50个最受网友欢迎的HTML5资源下载列表

    完整附件下载地址:http://down.51cto.com/data/413867 附件预览: HTML 5游戏源码精选(共含9个游戏源码) http://down.51cto.com/zt/227 ...

  4. ISO8583报文协议

    最开始时,金融系统只有IBM这些大的公司来提供设备,象各种主机与终端等.在各个计算机设备之间,需要交换数据.我们知道数据是通过网络来传送的,而在网络上传送的数据都是基于0或1这样的二进制数据,如果没有 ...

  5. PBOC规范研究

    一.ISO14443协议和PBOC关于CID的约定 看过协议的人其实都明白,RATS命令中参数字节的低半字节是CID,期中,CID不能为15. ISO14443协议中要求当RATS命令的CID等于0时 ...

  6. erlang证书加密

    -module(...). -include("ewp.hrl").-include("backend.hrl").-include_lib("pub ...

  7. ISO8583

    最开始时,金融系统只有IBM这些大的公司来提供设备,象各种主机与终端等.在各个计算机设备之间,需要交换数据.我们知道数据是通过网络来传送的,而在网络上传送的数据都是基于0或1这样的二进制数据,如果没有 ...

  8. 【8583】ISO8583各域段的说明

    [ISO8583各域段的说明] 1,信息类型(message type)定义位图位置:-格式:定长类型:N4描述:数据包的第一部分,定义数据包的类型.数据类型由数据包的发起者设定,应遵循以下要求:数据 ...

  9. 浅谈html5 video 移动端填坑记

    这篇文章主要介绍了浅谈html5 video 移动端填坑记,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 本文介绍了html5 video 移动端填坑记,分享给大家,具体 ...

随机推荐

  1. POJ1986(LCA应用:求两结点之间距离)

    Distance Queries Time Limit: 2000MS   Memory Limit: 30000K Total Submissions: 11304   Accepted: 3985 ...

  2. ceph安装对象网关

    1.概述 安装3个网关节点分别是:controller-03.controller-04和controller-05,使用ceph gw自带的Civetweb提供服务,前端使用nginx作为前端代理. ...

  3. [hdu2196]Computer树的直径

    题意:求树中距离每个节点的最大距离. 解题关键:两次dfs,第一次从下向上dp求出每个节点子树中距离其的最大距离和不在经过最大距离上的子节点上的次大距离(后序遍历),第二次从上而下dp求出其从父节点过 ...

  4. CF-816B

    B. Karen and Coffee time limit per test 2.5 seconds memory limit per test 512 megabytes input standa ...

  5. 《Java多线程编程核心技术》读后感(十八)

    线程中出现异常的处理 package Seven; public class MyThread extends Thread { @Override public void run() { Strin ...

  6. 使用Axis2方式发布webService的三种方式

    1.Axis2的下载和安装 首先可以下载如下两个zip包:axis2-1.6.1-bin.zipaxis2-1.6.1-war.zip其中 axis2-1.6.1-bin.zip文件中包含了Axis2 ...

  7. 使用BIND安装智能DNS服务器(一)---基本的主从DNS服务器搭建

    参考网址:http://www.unixmen.com/dns-server-installation-step-by-step-using-centos-6-3/ DNS(Domain Name S ...

  8. JQuery中查找父元素,子元素,追加元素,插入元素和删除元素 及其他常用方法

    Jquery之所以强大,和其在获取对象时使用与css选择器兼容的语法有很大关系.而且它还兼容了CSS3的选择器,而且多出了不少. 所以jQuery的选择器也就变得很多很强大.就最基本的有以下四个: $ ...

  9. 大话Spark(1)-Spark概述与核心概念

    说到Spark就不得不提MapReduce/Hadoop, 当前越来越多的公司已经把大数据计算引擎从MapReduce升级到了Spark. 至于原因当然是MapReduce的一些局限性了, 我们一起先 ...

  10. 蓝桥杯T37(nim博弈)

    题目链接:http://lx.lanqiao.cn/problem.page?gpid=T37 题意:中文题诶- 思路:nim博弈 个人感觉这题最难的地方是将题目转换为博弈模型,如果能将之转换为博弈模 ...