html超链接标签以及锚点标签的学习

<html><head><title>我的超链接网页跳转</title><meta charset="utf-8"/></head><body><h3>超链接标签学习</h3><hr /><!--a标签--超链接标签 属性herf：要跳转的网页资源路径  本地资源属性target:指明要跳转的网页资源的显示位置_self 在当前页面中刷新显示_blank 在新的标签页面中显示_top 在顶层页面中显示_parent 在父级页面中显示锚点：在当前网页内跳转先使用超链接标签在指定的网页位置增加锚点，格式为：<a name"锚点名" ></a>使用a标签可以跳转指定的锚点，达到网页内部资源跳转的目的，格式<a herf="#锚点名" >访问方式</a>--><a href="html04.html" target="_parent">跳转到html04</a><br /><a href="html03.html" target="_top">跳转到html03</a><br /><a href="html02.html" target="_blank">跳转到html02</a><br /><a href="html01.html" target="_blank">跳转到html01</a><br /><h4>本地资源</h4><a href="html04.html"><img src="img/3.gif" height="100px"/></a><hr /><h4>网络资源</h4><a href="http://www.jd.com">进入京东</a><br /><a href="http://www.taobao.com">进入淘宝</a><hr /><h4>锚点的认识</h4><a href="锚点的认识.html">锚点的认识</a></body>
</html>

锚点标签

<html><head><title>锚点的认识</title><meta charset="utf-8"/></head><body><h3>锚点的认识</h3><hr /><h4>目录：</h4><a href="#first">第一章</a><br /><a href="#second">第二章</a><br /><a href="#third">第三章</a><br /><a href="#fourth">第四章</a><br /><a href="#end">回到底部</a><br /><a href="#mid">跳转到中间</a><a name="first"></a><a name="top"></a><p>第一章：</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><p>我爱学习，很爱学习，学习使我快乐。</p><a name="second"></a><p>第二章：</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><a name="mid"></a><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><p>我发现自己真的是代码天才，非常爱学习，不怕掉头发，假装是一个完美的人。</p><a name="third"></a><p>第三章：</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><p>等到我醒来发现自己在做梦，哈哈哈咯，是不是有点傻，真的是个完美的天才</p><a name="fourth"></a><p>第四章：</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><p>欲知后事如何，请听下回分解.....</p><a href="#top">回退顶部</a><a name="end"></a></body>
</html>

<html><head><title>我的表格标签认识</title><meta charset="utf-8"/><!--表格标签学习：一键生成多个表格table>tr*4>td*5 tabletable：声明一个表格tr(行)：声明一行 设置行高也就是单元格的高度 单元格的宽度就是列宽th(单元格):声明一个单元格 表头格 默认居中加黑显示td(单元格)：声明一个单元格 默认居左显示原始数据属性：border:给表格添加边框 根据数据的大小进行表格的大小显示width:设置宽度 height:设置高度cellpadding:设置内容距离边框的距离cellspacing:设置边框的大小--></head><body><h3>表格标签的认识</h3><hr /><table border="1px" width="400px" height="300px"><tr><th>科目</th>  <!--一个单元格--><th>分数</th><th>级别</th><th>说明</th></tr>    <!--一行--><tr><td>java</td><td>100</td><td>6</td><td>面向对象</td></tr><tr><td>c语言</td><td>99</td><td>8</td><td>面向过程</td></tr></table><hr /><table border="1px"><tr height="50px"><td width="50px">科目</td><td width="50px">级别</td><td width="50px">分数</td><td width="50px">说明</td></tr><tr height="50px"><td>高数</td><td>8</td><td>100</td><td>简单</td></tr><tr height="50px"><td>英语</td><td>8</td><td>100</td><td>简单</td></tr></table><hr width="1000px" color="black"/><table border="1px" cellpadding="30px" cellspacing="0px"><tr height="60px"><th width="60px">科目</th><th width="60px">分数</th><th width="60px">级别</th><th width="60px">说明</th></tr><tr height="60px"><td align="center">语文</td><td align="center">100</td><td align="center">8</td><td align="center">简单</td></tr><tr height="60px"><td align="center">物理</td><td align="center">100</td><td align="center">8</td><td align="center">简单</td></tr></table><h4>熟悉表格</h4><hr width="1000px" color="cornflowerblue"/><table border="1px" cellpadding="0px" cellspacing="0px"><tr height="70px"><th width="70px">姓名</th><th width="70px">年龄</th><th width="70px">爱好</th><th width="70px">性别</th></tr><tr height="70px"><td align="center">余小浩</td><td align="center">18</td><td align="center">上网</td><td align="center">男</td></tr><tr height="70px"><td align="center">余8浩</td><td align="center">18</td><td align="center">篮球</td><td align="center">男</td></tr></table><h3>单元表格的合并</h3><hr width="1000px" color="darkred"/><table border="1px" cellspacing="0px"><tr height="40px"><td width="40px"></td><td width="40px"></td><td width="40px"></td><td width="40px"></td><td width="40px"></td></tr><tr height="40px"><td colspan="2"></td><td></td><td></td><td></td></tr><tr height="40px"><td></td><td></td><td rowspan="2"></td><td></td><td></td></tr><tr height="40px"><td></td><td></td><td></td><td></td></tr></table><h4>单元格的合并2</h4><hr width="1000px" color="burlywood"/><table border="1px" cellspacing="0px"><tr height="45px"><td width="45px" colspan=""></td><td width="45px"></td><td width="45px"></td><td width="90px" colspan="2" rowspan="2"></td></tr><tr height="45px"><td></td><td></td><td></td></tr><tr height="45px"><td colspan="2"></td><td rowspan="2"></td><td></td><td></td></tr><tr height="45px"><td></td><td></td>        <td></td><td></td></tr></table></body>
</html>

html超链接标签以及锚点标签的学习相关推荐

HTML超链接标签——a标签、锚点、base标签、假链接标签
目录一.a标签 1.什么是a标签? 2.a标签中的属性: 3.注意点: 二.锚点 1.什么是锚点? 2.如何实现锚点? 3.要想实现通过a标签跳转到指定的位置分为两步:(重点!!!) 4.格式: 5 ...
零基础前端笔记（1）web，html，标签，锚点，路径
XHTML可扩展超文本标记语言(1) (1)网页的形成 (2)浏览器内核 (3)web标准 (4)html骨架标签 (5)html元素标签分类 (6)html标签关系 (7)代码开发工具 (8)htm ...
html中锚链接作用和特点,HTMLa标签作为锚链接
1. 什么是锚链接? 标签主要作为超链接和锚链接使用.超链接主要指不同html页面之间的跳转,而锚链接指的是同一页面之间的跳转. 锚链接的两种效果: 在当前页面中跳转.:通过元素的ID进行跳转网页中 ...
如何用html语言定位img,html经常使用标签(图像标签img，连接标签a，锚点定位，及路径)...
1 图像标签img (重点) 单词缩写: image 图像html HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就须要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性 ...
html标签 ppt,HTML框架标签、超链接标签、控件标签.ppt
<HTML框架标签.超链接标签.控件标签.ppt>由会员分享,可在线阅读,更多相关<HTML框架标签.超链接标签.控件标签.ppt(12页珍藏版)>请在装配图网上搜索. 1.第 ...
html:iframe标签以及a标签的锚点和制作书签
1.iframe标签 iframe是一个内联框架,可以在当前html页面嵌入另一个文档,通俗理解为网页子窗口. 基本语法结构为: <iframe src="" >< ...
nofollow标签_网站nofollow标签的应用 - 最蜘蛛池博客
SEO优化是一个细致的工作,任何一个有可能影响我们网站排名的因素我们都要反复考量.今天蜘蛛池博客小编就来说一说nofollow标签在SEO优化中的一些应用. 顾名思义,nofollow,英文释义为不要 ...
html标签转换含义,html标签含义
HTML标记中分别代表什么含义? 在html中是和其他代码并存使用的如或者都可以只是代表的意义不一样,运行代码的时候效果也不一样后面填写的文字信息而后面是超链接只是如果不加a这个字母的话运 ...
html页面包含头文件,Web前端技术：HTML部分---Head标签中包含的头文件标签，body标签包含的内部标签...
1.Head标签中包含的头文件标签的作用: (1)title标签:定义网页的标题. (2)meta标签:一般用于定义页面的特殊信息,例如页面的关键字.页面描述等 (3)link标签:用于引入外部样式 ...

html超链接标签以及锚点标签的学习

html超链接标签以及锚点标签的学习相关推荐

最新文章

热门文章