link小图标以及表格的用法基础

一、网页小图标的实现

实例:

实现方式:

效果:

二、表格基础

1、表格的组合标签

常用:

table tr td caption

①table属性

border  边框

width  宽度 默认按照内容来

cellpadding  边距(内容和边框的距离)

cellspacing  间距(单元格和单元格的距离)

②tr和td属性

width

height

align(水平方向)

valign(垂直方向)

③caption(标题)

th(自动加粗居中)

实例:

效果:

各标签之间的关系:

th和td是同级标签

Caption和tr是同级标签

2、合并单元格(靠占位)

横向合并 colspan (向右合并)

垂直合并 rowspan (向下合并)

实例1(向右)

实例2(向下)

3、表格嵌套

实例:

需要注意的问题:

1、注意嵌套书写的规范。

2、注释的重要性。

3、注意单元格的合并问题。

原文地址:https://www.cnblogs.com/Ace-suiyuan008/p/9135220.html

时间: 2024-11-06 10:48:01

link小图标以及表格的用法基础的相关文章

使用<link> 标签定义浏览器标题栏小图标

使用link标签的rel属性,设置成icon.同时设置href属性值为小图标图片的url. <link rel=" icon " href="image/icon.png" />

HTML 框架,标题栏小图标,锚点,插入音乐/视频,滚动效果

一,HTML框架   iframe iframe 框架作用: 在网页中嵌入一个网页 用法: (1)src="地址路径"    默认显示的嵌入网页 (2)width=""          嵌入网页的宽度 (3)height=""         嵌入网页的高度 (4)frameborder=""          边线粗细 (5)scrolling="yes/no"         嵌入网页是否拥有滚动条

如何在网址之前添加小图标

如何在网址之前添加小图标:本章节介绍一下如何在网址前面添加一个小图标,现在知名网站都会有这个小图标,非知名网站也有很多添加这样的小图标,至于有没有好处这里不好说,至少比较美观,下面就就介绍一下如何实现此效果.方法如下:在头部中添加如下代码即可: <link rel='icon' href='antzone.ico' type='image/x-ico' /> 图标的格式必须是.ico格式,在网上有很多在线生成工具. 原文地址是:http://www.softwhy.com/forum.php?

fontAwesome代替网页icon小图标

引言 奥森图标(Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影. 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你也可能经常会看到的,如图所示: 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿

请用fontAwesome代替网页icon小图标

1. 引言 网页小图标到处可见,如果一个网页都是干巴巴的文字和图片,而没有小图标,会显得非常简陋.下面的小图标,你是不是会经常用到? 你可能说——“我们用的都是彩色的,不是黑白的”——别着急,下面会讲到.因为它们也可以变为彩色的. 黑白的也好,彩色的也罢,如果用传统的“css + 图片”的方式来制作这些icon,我估计你至少得雇佣一个专业的设计师吧.一般的程序猿,包括前端程序猿,估计只能去搜索了,不会自己拿ps画.例如,我之前经常去一个叫做“懒人图库”的网站去找资源,现在那个网站还存在. 但是问

网站链接打开以后左边的小图标添加和微信分享左边图标

网站链接打开以后左边的小图标添加: <link rel="shortcut icon" href="styles/img/Logo.jpg">      <link rel="apple-touch-icon" href="styles/img/Logo.jpg">      <link rel="apple-touch-icon" sizes="72x72"

网页小图标设置

一.什么是网页小图标 二.如何设置网页小图标 网页的显示图标可以通过link来设置: <!-- rel="shortcut icon"即标签栏行显示的图标. --><link rel="shortcut icon" href="http://images.cnblogs.com/cnblogs_com/cc11001100/898804/o_c.png" type="image/x-icon"><

小图标

1.Html5微信分享小图标 <div style="display:none"><img src="images/option1.jpg" /></div> 注意: 1.1 不能是单独的img标签,必须嵌套在某个元素中(div,p,span,a等等),然后设置外层的元素看不见 1.2 .图片的像素至少为300*300 2.标题栏设置小图标 <link rel="shortcut icon" href=&

[转]网站地址栏小图标favicon.ico的制作方法

有人也许会好奇,有的网址前面有个漂亮的小图标而且有的网站图标还会动,这是怎么做到的呢? 如下图所示: 那个小图标有个名字叫favicon.ico,网站图标虽小但可以起到很好的点缀作用,尤其是当浏览者将你的网站放入收藏夹之后,网站图标的作用就出来了,它可以使你的站点在众多网址中突出显示,对于用户体验起到很好的作用,好了,废话不多说,现在来告诉大家怎么做favicon.ico这个网站图标文件. 虽然现在有很多在线制作网站图标的网站,但制作出来的图标实在是差强人意,而且不支持透明样式的ico,这非常糟