<!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. redis的数据类型及使用

    Redis 数据类型 Redis支持五种数据类型:string(字符串),hash(哈希),list(列表),set(集合)及zset(sorted set:有序集合). String(字符串) st ...

  2. 皮质学习 HTM 知多少

    目录 Hierarchical Temporal Memeory 0.1 引言 历史 HTM 概览 HTM的层级结构 神经元 HTM 端对端应用框架[^8] 数据编码[^1] 数据编码 数据输入 树突 ...

  3. MapRdeuce&Yarn的工作机制(YarnChild是什么)

    MapRdeuce&Yarn的工作机制 一幅图解决你所有的困惑 那天在集群中跑一个MapReduce的程序时,在机器上jps了一下发现了每台机器中有好多个YarnChild.困惑什么时Yarn ...

  4. 微服务架构演变过程-SpringCloud

  5. C++解析九-数据抽象

    数据抽象 数据抽象是指,只向外界提供关键信息,并隐藏其后台的实现细节,即只表现必要的信息而不呈现细节.数据抽象是一种依赖于接口和实现分离的编程(设计)技术.让我们举一个现实生活中的真实例子,比如一台电 ...

  6. winform 下载

    方法一: WebClient webClint = new WebClient(); webClint.DownloadFile(下载文件的路径,下载到本地的地址); 方法二:异步 WebClient ...

  7. 前端-URL到页面显示的全过程

    大概有以下几步: DNS解析(浏览器缓存→系统缓存→路由器缓存→ISP DNS缓存→从根域名服务器递归搜索) 建立TCP链接(TCP的三次握手) 浏览器向服务器发送HTTP请求 服务器返回结果给浏览器 ...

  8. centos7.3 64位 安装git

    1.安装编译git时需要的包 # yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel # yum ins ...

  9. 使用element-ui 遇到的问题

    Pagination 分页 在使用分页的时候,每次切换pageSize的时候,需要把current-page置为1 重新加载数据. 但是当current-page !== 1的时候,修改current ...

  10. 强大的拖拽组件：React DnD 的使用

    强大的拖拽组件:React DnD 的使用 react.js 10.6k 次阅读  ·  读完需要 25 分钟 17 文章首发我的个人blog : 原文链接 学习 React DnD 的最初原因是阅读 ...