#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. Oracle循环查询结果集 自定义函数

    create or replace function Fun_GetRoleIDList(d_fid char) return varchar is  rolelist varchar(2000);b ...

  2. Gradle笔记系列（一）

    1.Gradle概述 Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建工具.它使用一种基于Groovy的特定领域语言(DSL)来声明项目设置,抛弃了基于XML的 ...

  3. hadoop2.6源码导入mvn出错Missing tools.jar问题解决方案

    1.定义JAVA_HOME:      JAVA_HOME=$(/usr/libexec/java_home) 2.拷贝文件      cd $JAVA_HOME      mkdir Classes ...

  4. android opengl es代码功能

    /* * Copyright (C) 2009 The Android Open Source Project * * Licensed under the Apache License, Versi ...

  5. 我利用网上特效开发的Jquery插件

    我利用网上特效开发的Jquery插件 代码如下 (function($){ $.fn.Dialogx = function(options) { var defaults={ Width:" ...

  6. 隐藏weibview里面的部分h5

    private void initWebView(String url) { twoCode.loadUrl(url); WebSettings settings = twoCode.getSetti ...

  7. 查看应用程序使用的所有dll

    VS2008命令提示符下: >dumpbin.exe   /dependents  <文件路径+文件名> □

  8. DOCTYPE的详细图解

    之前有一次写代码的时候忘记写了<!DOCTYPE html> 导致样式的效果一直有点问题,查了很久才发现时候这个的锅.之后自己详细的来查找了DOCTYPE的作用. 在目前,基本上都是采用浏 ...

  9. 来自MarsEdit的博客测试

    使用MarsEdit编辑的第一个测试博客. 希望我们一帆风顺! 插图,在插图时可以调整尺寸:   六种公式写法,记得要在选项中打开-启用数学公式: \begin{equation}\sum\end{e ...

  10. Linux Oracle删除归档日志

    今天遇到Oracle报这样的错:ORA-00257 查看了下,原来是Oracle的归档日志满了,解决方案两个 一:增加归档日志大小 二:删除无用的归档日志(我们选择这个方案) 什么也不说了Linux下 ...