码迷,mamicode.com
首页 > Web开发 > 详细

html5 02 随记

时间:2017-07-26 23:45:03      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:宽度   html5   应该   图像   row   ide   表单   不能   png   

  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 随记

标签:宽度   html5   应该   图像   row   ide   表单   不能   png   

原文地址:http://www.cnblogs.com/ygsjm/p/7242345.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!