表格与链接标记

标记"/>

表格与链接标记

2019独角兽企业重金招聘Python工程师标准>>>

1、表格：

（1）表格中可以包含任何内容，所以在使用DIV+CSS之前，网页设计师是使用表格对网页进行排版与布局

（2）表格基本结构：

2、表格的属性：<table>

3、在editpuls代码中，缩进技巧：tab，向右缩进；shift+tab，向左缩进

4、列（单元格）的属性：<td>

5、<table>标签下的边框设置

表格的标题：<table>

                  <caption>...</caption>

            </table>

6、

7、表格的结构化

（1）结构化格式：<table>

                  <thead>......</thead>--------表头区

                  <tbody>......</tbody>-------表体区

                  ..................................

                  <tfoot>.......</tfoot>--------表尾区

           </table>

（2）直列化格式：<colgroup>......</colgroup>

个别直列设置：<col>功能完全和<colgroup>一样

<colgroup span=”1”></colgroup>

<colgroup bgcolor=”red”></colgroup>

8、链接语法：

<a href=链接目标 title=”注释” target=”打开链接窗口的形式”>显示内容</a>

_blank在新窗口中打开

_self在自身窗口中打开（默认值）

_parent在上一级窗口中打开，框架会经常使用

_top在浏览器的整个窗口中打开，忽略任何框架

9、链接的类型：

（1）内部链接：当前文档与目标文档在同一站点内

     <a href=目标文档位置及全称>显示内容</a>

（2）外部链接：当前文档与目标文档不在同一站点内

     <a href=URL（网址）>显示内容</a>

（3）E-mail链接：并允许访问者向指定的地址发送邮件

     <a href=mailto:电子邮件地址>显示内容</a>

（4）锚点链接：跳转到同一网页或其他文档中的指定位置

     创建锚点：<a name=”锚点名称”>显示内容</a>

     链接锚点：<a href=”#锚点名称”>显示内容</a>

（5）空链接：没有目标端点的链接

     <a href=”#”>显示内容</a>

     例如：设置为首页   

<a href=”#” onClick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(‘’)”>设为首页</a>

添加收藏：

<a href=”#” onClick=”javascript:window.external.addfavorite(‘’,’xx商城’)”>加入收藏夹</a>

10、脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JavaScript语句。

例如：<a href=javascript:window.open(“”)>xx商城</a>

关闭窗口：<a href=javascript:window.close()>关闭窗口</a>

打开窗口：<a href=javascript:window.open(‘文件名’)>打开窗口</a>

转载于: