#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. js对象的继承以及公有私有属性的定义和读写

    最近想写一些js工具,有些方面需要用到面向对象的方法,比如继承父类属性和方法.通过私有化隐藏某些对象的属性等,因为没有系统的学习js,所以不知道怎么做,觉得很伤脑筋. 今天受到技术群里朋友的提示,并查 ...

  2. jquery获取所选元素的outerHTML

    大家都知道原生js可以获取匹配元素的内部html和外部html,内部是innerHTML,外部是outerHTML,原生js的dom对象是存在这两个属性的. 如果用jQuery如何获取匹配元素(包括自 ...

  3. 第二章 centos安装maven

    一.官网下载 apache-maven-3.3.9-bin.tar.gz 注意:需要jdk1.7及以上 二.上传 scp apache-maven-3.3.9-bin.tar.gz root@10.2 ...

  4. ConfigHelper.cs

    using System.Configuration; using System.IO; /// <summary> /// 配置文件辅助类 /// </summary> pu ...

  5. TCP协议学习记录 (一) ICMP时间戳请求

    程序只实现了获取时间戳,至于将时间戳转换成具体日期和时间,暂时没有好的办法. #define TIME_STAMP_REQUEST 13 struct iphdr { unsigned ; //包头长 ...

  6. CDN系统对网站的性能有极大的提升

    CDN系统对网站的性能有极大的提升 打开一个网站 我们只是请求了一个页面.单个页面,实际上所有文件都是一个新的请求.以新浪为例一共发起了35个请求. 这35个请求中.只有一个动态内容.其它均为静态.这 ...

  7. 【Lua】Lua的几点优化原则

    Lua是一门以性能著称的脚本语言,被广泛的应用在很多方面,比如很多游戏的插件. 很多时候,没有必要去考虑性能的问题,不过,如果我们在开始编写代码的时候就以更适当,性能更高的方式与结构去组织代码,对于程 ...

  8. Sharepoint创建List

    (一)在一个环境下创建site 首先在sharepoint 2013 Central Administration中run administration --Application Managemen ...

  9. 两种方法实现用CSS切割图片只取图片中一部分

    切割图片这里不是真正的切割,只是用CSS取图片中的一部分而已,主要有两种方式,一是做为某一元素的背景图片,二是用img元素的属性.下面有个不错的示例,大家可以参考下 切割图片这里不是真正的切割,只是用 ...

  10. 在iOS中使用Phonegap防止Webview被上下拖动

    在使用PhoneGap制作App的时候,iOS作为承载App页面的容器的Webview,在手指向下或者向上滑动屏幕时,除了页面本身的滚动外,还经常会看到整体页面底部和屏幕底部被拖动出黑屏 为了防止这一 ...