#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标签创建锚点的更多相关文章

  1. 028、HTML 标签2超链接,框架标签

    内容:超链接,框架标签############################################################## <!-- 超链接 --> <a h ...

  2. 利用webstorm 快捷创建标签案例:

    利用webstorm 快捷创建标签案例: .wrapper>(.sWrapper>input[class='sText']+span[class= 'btn']*3)+.flWrapper ...

  3. JavaEE自定义标签:标签类的创建、tld配置文件的创建(位置、如何创建)、Web-XML配置、JSP应用

    1.标签 以类似于html标签的方式实现的java代码的封装. 第一:形成了开发标签的技术标准---自定义标签的技术标准. 第二:java标准标签库(sun之前自己开发的一系列的标签的集合)jstl, ...

  4. redmine中创建项目与跟踪标签(原创)

    今天来说下本公司所用到的项目管理工具redmine,总体来说还是比较好用的.redmine中可以记录项目的整个过程,可创建跟踪标签(里程碑.需求用例.功能.任务.缺陷)来进行对项目的管控.跟踪标签根据 ...

  5. js dom 创建table标签和子属性, 以及创建多选框

    代码: <div class="Category"> <span id="Edit_headerTitle">Edit Categori ...

  6. [原创]java WEB学习笔记40:简单标签概述(背景,使用一个标签,标签库的API,SimpleTag接口,创建一个自定义的标签的步骤 和简单实践)

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  7. ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库

    在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...

  8. 利用 Azure Devops 创建和发布 Nuget 包

    利用 Azure Devops 创建和发布 Nuget 包 原 Visual Studio Team Service ,简称 VSTS,能够创建 pipelines 管道以构建应用程序,并将其部署到任 ...

  9. 利用a标签导出csv文件

    原文 简书原文:https://www.jianshu.com/p/a8687610cda3 大纲 1.需求分析 2.通过a标签实现文件导出 3.实现方式 1.需求分析 导出文件,使用最多的方式还是服 ...

  10. 【EFCore】利用Entityframework Core创建数据库模型

    利用Entityframework Core创建数据库模型 本文中Entityframework Core版本为v3.1.6 简介 Entity Framework (EF) Core 是微软轻量化. ...

随机推荐

  1. 驱动开发学习笔记. 0.04 linux 2.6 platform device register 平台设备注册 1/2 共2篇

    驱动开发读书笔记. 0.04  linux 2.6 platform device register 平台设备注册  1/2 共2篇下面这段摘自 linux源码里面的文档 : Documentatio ...

  2. JSP中的 HttpSession、pageContext对象

    pageContext 隐含对象对应javax.servlet.jsp.PageContext,都自动的被加入至pageContext中, 您可以由它来取得与JSP相关的对应之Servlet对象,像是 ...

  3. Appium移动自动化测试之获取appPackage和appActivity

    方法一:直接打开Appium,点击左上角机器人图标 选择apk所在位置,如图所示,这里以ContactManager.apk为例 方法二:利用dex2jar和jd-gui这两个工具反编译apk文件 这 ...

  4. selenium第一课(selenium+java+testNG+maven)

    selenium介绍和环境搭建 一.简单介绍 1.selenium:Selenium是一个用于Web应用程序测试的工具.Selenium测试直接运行在浏览器中,就像真正的用户在操作一样.支持的浏览器包 ...

  5. 16.10.17学到的Java知识

    1. 例:3-2.6==0.4的值是什么?可能乍一看,感觉是返回TRUE,因为3-2.6=0.4,0.4==0.4:所以返回TRUE. 然而,上面分析在JAVA中是错的. 由于浮点数的运算在JAVA中 ...

  6. @Repository、@Service、@Controller 和 @Component

    转载:http://blog.csdn.net/ye1992/article/details/19971467 spring 自 2.0 版本开始,陆续引入了一些注解用于简化 Spring 的开发.@ ...

  7. 编写serversocket简单示例1

    package j2se.core.net.tcp; import java.io.DataOutputStream;import java.io.IOException;import java.ne ...

  8. 火狐通行证升级为Firefox Sync后,如何在多设备间同步书签等信息

    一直在使用Firefox的一个比较重要的原因是习惯了它的书签同步功能,之前一直是使用火狐通行证来实现多设备间同步的,最近新装了WIN8.1系统来学习,结果装上新版Firefox之后,发现无论怎么弄也没 ...

  9. shell---变量自增

    我所知道的,bash中,目前有五种方法:1. i=`expr $i + 1`;2. let i+=1;3. (( i++ ));4. i=$[ $i+1 ];5. i=$(( $i + 1 ))

  10. Android(Xamarin)之旅(五)

    2016年1月23日,北京迎来了很痛苦的一天,冻死宝宝了,一天都没有出我自己的小黑屋,在这屋子里自娱自乐.不知道你们呢 对于android的四大基本组件(Activity.Service.Broadc ...