<!--注释内容，在浏览时不会显示-->
<!DOCTYPE HTML> <!--声明文档类型-->
<html>

<!--头部内容：-->
<head>
<script>
document.write("HelloWorld")
</script>
<!--相对路径的默认链接-->
<!-- <base href="http://www.sina.com.cn" target="_blank"></base> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="SaiqiangYu"/>
<meta http-equiv="refresh" content="" />
<meta name="description" content="基础学习 & 教程 笔记">
<link rel="stylesheet" type="text/css" href="test.css">
<title>html基础页面测试</title>
<!--内部样式表-->
<style type="text/css">

</style>
</head>

<!--可见页面内容：-->
<body>
<a id="tips">页面顶端</a>

在body内在其他标签内

<h1>1号标题显示</h1>
<font size="1">这是1号字体文本</font>
<font size="6">这是6号字体文本</font>
<h3>3号标题显示</h3>
离离原上草(br换行)<br/>一岁一枯荣(br换行)<br/>
<h6>6号标题显示</h6>
<p>这是一个段落</p>
<p>这是下一个段落</p>
<hr>
<img src="timg.jpg" width="1200" height="798" border="0" alt="BeautifulGirl">
<p><a href="http://www.baidu.com" style="text-decoration:none;">百度一下，你就知道</a></p>
<hr>

<h2>文本格式化<h2>
<b>粗体文本b</b><br>
<em>着重文字em</em><br>
<i>斜体字i</i><br>
<small>小号字samll</small><br>
<strong>强调：加重语气strong</strong><br>
<sub>定义下标字sub</sub><br>
<sup>上标字sup</sup><br>
<ins>插入字ins</ins><br>
<del>删除字</del><br>
<hr>

<h2>计算机输出标签</h2>
<code>计算机代码code</code><br>
<kbd>键盘码</kbd><br>
<samp>计算机代码样本samp</samp><br>
<var>变量var</var><br>
<pre>预格式文本</pre><br>
<hr>

<h2>引文，引用，及标签定义</h2>
定义缩写abbr：<abbr title="HyperText Markup Language">HTML</abbr><br>
定义地址address：<address>Saiqiang Yu<br>from JiangXi<br>IN China.</address><br>
定义文字方向：<bdo dir="rtl">定义文字方向</bdo>
<p><blockquote cite="www.baidu.com">定义一个引用,引用内容通常会两端缩进40px</blockquote></p>
定义短语引用p<p>佛说<q>前世的五百次回眸换来今生的一次插肩而过。</q></p>
定义作品<p><cite>闲来笔谭</cite>吴官正著</p>
<p><dfn>定义一个定义项目<dfn></p>
<hr>

<h2>链接</h2>
<p>链接属性targe值_blank(在父类上刷新):<a href="http://www.baidu.com" target="_blank">百度一下_blank</a></p>
<p>链接属性targe值_top(重新建立窗口):<a href="http://www.baidu.com" target="_top">百度一下_top</a></p>
<p>链接属性targe值_self(重新建立窗口):<a href="http://www.baidu.com" target="_self">百度一下_self</a></p>
<p>链接属性targe值_parent(重新建立窗口):<a href="http://www.baidu.com" target="_parent">百度一下_parent</a></p>

<p style="text-align:center;"><a href="#tips" >返回最顶端</a></p>
<p><a href="http://www.runoob.com/html/html-intro.html#testClick">返回到页面有用的部分</a></p>
</body>

</html>

HTML基础代码的更多相关文章

  1. Mysql基础代码（不断完善中）

    Mysql基础代码,不断完善中~ /* 启动MySQL */ net start mysql /* 连接与断开服务器 */ mysql -h 地址 -P 端口 -u 用户名 -p 密码 /* 跳过权限 ...

  2. 如何保障Go语言基础代码质量？

    为什么要谈这个topic? 实践中,质量保障体系的建设,主要针对两个目标: 一是不断提高目标业务测试覆盖率,保障面向客户的产品质量:二就是尽可能的提高人效,增强迭代效率.而构建全链路质量卡点就是整个体 ...

  3. C++基础代码--20余种数据结构和算法的实现

    C++基础代码--20余种数据结构和算法的实现 过年了,闲来无事,翻阅起以前写的代码,无意间找到了大学时写的一套C++工具集,主要是关于数据结构和算法.以及语言层面的工具类.过去好几年了,现在几乎已经 ...

  4. [译]Vulkan教程(04)基础代码

    [译]Vulkan教程(04)基础代码 General structure 通用结构 In the previous chapter you've created a Vulkan project w ...

  5. 001-脚手架发展，基础代码结构+mybatis代码生成

    一.概述 脚手架是为了保证各施工过程顺利进行而搭设的工作平台. 编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具. java变成中,架构师搭建的代码结构你到处拷 ...

  6. java：Spring框架1（基本配置，简单基础代码模拟实现，spring注入（DI））

    1.基本配置: 步骤一:新建项目并添加spring依赖的jar文件和commons-logging.xx.jar: 步骤二:编写实体类,DAO及其实现类,Service及其实现类; 步骤三:在src下 ...

  7. java：struts2.3框架1（struts2快速配置，各文件之间的关系，基础代码简化版，XML中的通配符）

    1.struts2快速配置: A.到http://struts.apache.org下载struts2开发包struts-2.3.32-all.zip B.新建web项目并添加struts2依赖的ja ...

  8. Python基础代码1

    Python基础代码 import keyword#Python中关键字 print(keyword.kwlist) ['False', 'None', 'True', 'and', 'as', 'a ...

  9. php 基础代码大全（不断完善中）

    下面是基础的PHP的代码,不断完善中~ //语法错误(syntax error)在语法分析阶段,源代码并未被执行,故不会有任何输出. /* [命名规则] */ 常量名 类常量建议全大写,单词间用下划线 ...

  10. [51单片机] HC-SR04超声波测距仪 基础代码

    >_<:超声波测距仪模块: >_<:51单片机,11.0592MHz晶振,将采集数据发送到串口的基础例子: >_<:代码: /******************* ...

随机推荐

  1. textarea的maxlength属性兼容解决方案

    IE10版本的textarea才支持maxlength属性:低版本的IE都不兼容,实际上低版本的IE的市场存在率还是很高的: 所以还是很有必要来整合一套解决方案的: Jquery版本 $(functi ...

  2. js中的正则表达式的运用

    正则表达式是一个拆分字符串并查询相关信息的过程:是现代开发中很重要的一环.作为一个web开发人员必须牢牢掌握这项技能,才能尽情得在js中驰骋. 1.创建正则表达式: 正则表达式(regular exp ...

  3. arcgis 3种方法快速制作tpk文件（转）

    来自:http://blog.csdn.net/arcgis_mobile/article/details/8048549 tpk是ArcGIS10.1推出的一种新的数据文件类型,主要是用于将切片文件 ...

  4. JS判断客户端是手机还是PC的2个代码

    搬了下砖 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", & ...

  5. jetty插件实现 热部署

    <plugin> <groupId>org.eclipse.jetty</groupId> <artifactId>jetty-maven-plugin ...

  6. WPF使用样式更新ArcGis InfoWindow外观代码

    <Style x:Key="mainInfoWindowStyleMF" TargetType="{x:Type esri:InfoWindow}"> ...

  7. Ubuntu 搭建Web服务器(MySQL+PHP+Apache)详细教程

    Ubuntu 搭建Web服务器(MySQL+PHP+Apache)详细教程 看了好多人的博客,有的不全 or 有问题,整理了一下,适合小白 新手先整理几个小问题 1.为啥使用 Linux 搭建服务器? ...

  8. 没有对比就没有伤害,memcache and redis

    Memcached 与 Redis 的关键性能指标比较 性能对比: Redis 只使用单核,而 Memcached 可以使用多核,所以平均每一个核上 Redis在存储小数据时比 Memcached 性 ...

  9. 下面有关css选择器的说法错误的是？

    下面有关css选择器的说法错误的是? .intro --- 选择 class="intro" 的所有元素. #firstname --- 选择 id="firstname ...

  10. 轻松应对IDC机房带宽突然暴涨问题

    轻松应对IDC机房带宽突然暴涨问题! 1[提出问题] [实际案例一] 凌晨3:00点某公司(网站业务)的一个IDC机房带宽流量突然从平时高峰期150M猛增至1000M,如下图: 该故障的影响:直接导致 ...