<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
    HTML样式文件来渲染HTML文档
    </style>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="30;url=http://www.baidu.com">
    <meta name="keywords" content="陈凯,nod,luna">
    <br>
    <title>测试网页</title><!-- 打印文本标题-->
    <base href="http://www.163.com" target="_blank"><!--定义默认链接的位置-->
</head>
<body style="background-color:yellow">
    测试区域文本判定颜色是否为body指定的颜色
    <a href="http://cnblogs.com/nodchen">nodchen 这是一个链接</a>
    <br>
    <!--target="_blank" 属性的作用是在新窗口打开，默认是在原窗口打开-->
    <a href="http://www.sina.com.cn" target="_blank">新浪网的链接</a>
    <br>
    <a href="#">创建一个空链接</a>
    <!--
    本身为空链接，但是下部指定默认链接的位置，因而链接位置为
    base标签指定的内容
    -->
    <h1 color="red">这是我的第一个标题</h1>
    <h2>这是我的第二个标题</h2>
    <h3>这是我的第三个标题</h3>
    <p>此处进行换行动作</p>
    <br><!--br表示用于定义换行-->
    <h4>这是我的第四个标题</h4>
    <h5>这是我的第五个标题</h5>
    <h6>这是我的第六个标题</h6>
    <img src="C:\Users\Administrator\Desktop\1.png" width="500" height="300">
    <!--此处如果出错的话建议在浏览器打开，pycharm
    可能会出错-->
    <p style="background-color:red">格式化输出</p>
    <p>加粗文本：<b>这是第一个段落</b></p>
    <hr><!--这是1个分割线的作用-->
    <p style="background-color:green">斜体文本：<i>这是第二个段落</i></p>
    <hr><!--这是1个分割线的作用-->
    <p style="background-color:orange">这是上标：<sup>这是第三个段落</sup></p>
    <hr><!--这是1个分割线的作用-->
    <p style="background-color:purple">这是下标：<sub>这是第四个</sub>
        <br>段落<br>
    </p> <!--演示了分行效果但还是同一段落-->

</body>
</html>

CSS之metra&title&base&target的更多相关文章

  1. 使用<base target="_self" /> IE6 cann't open the Internet site 已终止操作

    今日发现一个问题,我的网页需要用到<base target="_self" />,经测试IE8,9  谷歌   火狐全都正常,但是IE6 showModalDialog ...

  2. HTML 头标签的 <title> <base> <meta> <link> <script> 的内容意思

    头标签都放在<head></head>头部分之间.包括:title base meta link <title>:指定浏览器的.(标题) <base>: ...

  3. css:Media Queries: How to target desktop, tablet and mobile?

    <!doctype html> <html> <head> <meta name="viewport" content="wid ...

  4. 1. jsp中<base target='' />标签用法

    用于页面跳转后,页面最后跳转到哪个iframe.例子如下: index.jsp :首页 <head> <base href="<%=basePath %>&qu ...

  5. HTML <base> 标签的 target 属性 —— <base target="_blank" />

    为页面上所有链接规定默认目标: <head> <base target="_blank" /> </head> <body> < ...

  6. <base target="_blank"/>

    <base target=_blank> 是将基本链接的目标框架都改为新页打开

  7. Web开发 < base target>

    target就是点击链接后跳转到的目标页.通俗点说,就是你当前页面上的链接<a>,也包括<img>.<link>.<form>,除非你指定了target ...

  8. <base target="_self"/>标签的用法

    语法 <base target="value"> 属性值 值 描述 _blank 在新窗口中打开被链接文档. _self 默认.在相同的框架中打开被链接文档. _par ...

  9. ［转］CSS目标伪类E:target

    CSS3 target 伪类不得不说那些事儿(纯CSS实现tab切换) 是不是觉得target有点眼熟?! 今天要讲的不是HTML的<a>标签里面有个target属性. target伪类是 ...

随机推荐

  1. CSS样式表与HTML结合的方法

    从此王子和公主幸福的生活在了一起:) 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文 ...

  2. C++解析十-数据封装

    数据封装 所有的 C++ 程序都有以下两个基本要素: 程序语句(代码):这是程序中执行动作的部分,它们被称为函数. 程序数据:数据是程序的信息,会受到程序函数的影响.封装是面向对象编程中把数据和操作数 ...

  3. day19_python_1124

    .01 昨日内容回顾 面向对象:1,将一些相似功能的函数集合到一起 类:具有相同属性和功能的一类事物. 对象:类的具体体现. 2,站在上帝的角度考虑问题,类就是一个公共模板, 类的结构: class ...

  4. AngelToken：区块链技术的突破

    科技进步,直接捅破了政治.金融.军事领域所有的玩法,让工业革命以来形成的规则变得一钱不值. 而且,当下的最重要的技术趋势——区块链.Token.AngelToken,正在引导我们走向全面的失控和未知. ...

  5. leetcode 翻转二叉树

    翻转二叉树的步骤: 1.翻转根节点的左子树(递归调用当前函数) 2.翻转根节点的右子树(递归调用当前函数) 3.交换根节点的左子节点与右子节点 class Solution{ public: void ...

  6. 海量数据处理之top K问题

    题目: CVTE笔试题https://www.1024do.com/?p=3949 搜索引擎会通过日志文件把用户每次检索使用的所有检索串都记录下来,每个查询串的长度为1-255字节. 假设目前有一千万 ...

  7. IDEA的十大快捷键

    Intellij IDEA中有很多快捷键让人爱不释手,stackoverflow上也有一些有趣的讨论.每个人都有自己的最爱,想排出个理想的榜单还真是困难.以前也整理过Intellij的快捷键,这次就按 ...

  8. 分布式系统定时任务，保证只有一个服务执行了改任务--采用redis分布式锁来实现（文章摘自：https://www.cnblogs.com/0201zcr/p/5942748.html）

    文章摘自:https://www.cnblogs.com/0201zcr/p/5942748.html package com.abtc.server.mine.common.utils; impor ...

  9. ADO.NET 中的五个主要对象

    Connection:主要用来开启程序和数据库的连接 Command:主要是用来对数据库发出一些指令,. DataAdapter;主要在数据源以及DataSet之间执行数据库的传输工作 DataSet ...

  10. mysql varchar存储最大

    utf-8的汉字 3个字节,varchar()括号中的数字是可存储的最大字符数,但是总和不超过65535个字节,这是行的size限制的,除以3差不多21800多,算上其他列等信息,如果用最大的话设置2 ...