a标签创建超链接，利用a标签创建锚点
#Html今日学习内容
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>这是第一次</title>
<style type="text/css">
#x{
width: 100px;
height: 400px;
}
#f{
width: 100px;
height:50px;
}
.bordered {border-style:solid;color:red;}
.yoxixi {color:red;text-decoration:underline;font-weight:bold;}
</style>
</head>
<body>
<a name="chaper01">锚点</a>
<h1 style="color:red">标题一</h1>我很快乐，我很喜欢，很愉悦。
<h2 style="color:blue">标题二</h2>我们都是好伙伴，大家都很团结。
<hr/>
<p>我们都是好伙伴，大家都很团结。我们都是好伙伴，大家都很团结。</p>
<p id="f">段落一，我们来打开一个链接<a href="http//www.baidu.com">百度一下</a></p>
<p>段落二，我们来插入一张图片<img id="x" src="苹果.jpg" alt="苹果"/></p>
<div class="bordered">div是一个盒子，是一个分区元素、块级元素，它占了一个行</div>
<a href="#chaper01"><img src="huidaodingbu.png" alt="回到顶部">转到锚点</a>
<hr/>
<iframe src="diyicilianxi.html" frame="22222" border="1" name="yoxiyoxi" width="300" height="300">
这是一个内部框架，1代表有框，0代表没框，第一个那里书链接的网址</iframe>
<a href="xinde%20wangye.html" target="yoxiyoxi">跳转</a>
<hr/>
<p>无序列表</p>
<ul>
<li>我是一句话，我要列，但是不用排序</li>
<li>我是一句话，我要列，但是不用排序</li>
<li>我是一句话，我要列，但是不用排序</li>
</ul>
<p>有序列表</p>
<ol>
<li>我是一句话，我要列，要排序</li>
<li>我是一句话，我要列，要排序</li>
<li>我是一句话，我要列，要排序</li>
</ol>
<p>定义列表</p>
<dl>
<dt>狗狗</dt>
<dd>粘人的动物</dd>
<dt>猫猫</dt>
<dd>不粘人的动物</dd>
</dl>
<pre>
这个符号
可以使该部分
内容按照我编程时输入的格式
显示在浏览器中
非常好用
</pre>
<p><span class="yoxixi">这个元素是内联元素，该元素只占所显示内容的位置，不会占整行，
且强调该段的重要性，如加下划线，红色，粗体。</span>其他文字地方就不会这样显示</p>
<p><span class="yoxixi">到了下一段，我要用这个元素，还可套到这上面</span></p>
</body>
</html>
a标签创建超链接，利用a标签创建锚点的更多相关文章
- 028、HTML 标签2超链接，框架标签
内容:超链接,框架标签############################################################## <!-- 超链接 --> <a h ...
- 利用webstorm 快捷创建标签案例：
利用webstorm 快捷创建标签案例: .wrapper>(.sWrapper>input[class='sText']+span[class= 'btn']*3)+.flWrapper ...
- JavaEE自定义标签：标签类的创建、tld配置文件的创建（位置、如何创建）、Web-XML配置、JSP应用
1.标签 以类似于html标签的方式实现的java代码的封装. 第一:形成了开发标签的技术标准---自定义标签的技术标准. 第二:java标准标签库(sun之前自己开发的一系列的标签的集合)jstl, ...
- redmine中创建项目与跟踪标签（原创）
今天来说下本公司所用到的项目管理工具redmine,总体来说还是比较好用的.redmine中可以记录项目的整个过程,可创建跟踪标签(里程碑.需求用例.功能.任务.缺陷)来进行对项目的管控.跟踪标签根据 ...
- js dom 创建table标签和子属性， 以及创建多选框
代码: <div class="Category"> <span id="Edit_headerTitle">Edit Categori ...
- [原创]java WEB学习笔记40：简单标签概述（背景，使用一个标签，标签库的API，SimpleTag接口，创建一个自定义的标签的步骤 和简单实践）
本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章：利用模型类创建视图、控制器和数据库
在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...
- 利用 Azure Devops 创建和发布 Nuget 包
利用 Azure Devops 创建和发布 Nuget 包 原 Visual Studio Team Service ,简称 VSTS,能够创建 pipelines 管道以构建应用程序,并将其部署到任 ...
- 利用a标签导出csv文件
原文 简书原文:https://www.jianshu.com/p/a8687610cda3 大纲 1.需求分析 2.通过a标签实现文件导出 3.实现方式 1.需求分析 导出文件,使用最多的方式还是服 ...
- 【EFCore】利用Entityframework Core创建数据库模型
利用Entityframework Core创建数据库模型 本文中Entityframework Core版本为v3.1.6 简介 Entity Framework (EF) Core 是微软轻量化. ...
随机推荐
- 冷门JS技巧
前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ...
- Android获取时间2
Android开发之获取系统12/24小时制的时间 时间 2014-08-19 08:13:22 CSDN博客 原文 http://blog.csdn.net/fengyuzhengfan/art ...
- command line
command line terminal vim 编辑工具 vim 编辑命令 j 光标上移 k 光标下移 l 光标左移 h 光标右移 x / dd 删除一行 v 多行模式 :w 保存 :q 不保存退 ...
- oracle 秒
select case when deptno=10 then 'aaaa' when deptno=20 then 'bbbb' when deptno=30 then 'cccc' e ...
- php发展起源
PHP原始为Personal Home Page的缩写,已经正式更名为 "PHP: Hypertext Preprocessor".注意不是“Hypertext Preproces ...
- 关于Linux的 /sbin权限问题
安装ubuntu一段时间后新增了用户,突然发现原来的用户用不了 ifconfig ,提示找不到命令 一试之下发现/sbin/ifconfig,可以,明白了是因为用户新增了,系统不认为当前用户是唯一用户 ...
- sharebutton
<h1>Share Buttons</h1> <!-- Twitter --> <a href="http://twitter.com/share? ...
- iframe的自适应
iframe标签的应用感觉很强大,但是有的低版本好像不是很兼容,所以有的时候需要注意这个的兼容问题,iframe 元素会创建包含另外一个文档的内联框架(即行内框架),他的属性有很多,也很容易理解,就不 ...
- 12个Linux进程管理命令介绍(转)
12个Linux进程管理命令介绍 [日期:2015-06-02] 来源:Linux中国 作者:Linux [字体:大 中 小] 执行中的程序在称作进程.当程序以可执行文件存放在存储中,并且运行的 ...
- vim的跨文件复制粘贴
1.用vim打开一个文件,例如:a.cpp 2.在普通模式下,输入:":sp"(不含引号)横向切分一个窗口,或者":vsp"纵向切分一个窗口,敲入命令后,你将看 ...