<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML简单示例</title>
</head>

<body>
<h2 align="center">HTML元素与标签结构</h2>
                             <!此标签内文本标题居中显示>                             
<p>(1)夹在p标签中间的正文内容单独一行显示</p>   <!以此为第一行基准>
<p>(3)这是单独显示在第三行</p>      
                       <!因为p标签就相当于是一个空行符, 

成对的p标签就相当于是前后各空行一次,

此处使用了(*)序号表明文本显示所在行>
<P>(5)标签不区分大小写</P>     <!也就是说Br与br是一样的>                      
<b>本标签内文字加粗显示</b><br />
   你好,世界!<br />谢谢            
                  <!标签br是用于换行的单标签,与空行的标签p有很大

区别,跟在br标签后的文本紧挨前一行换行显示>
<br />
<b>html</b>,你好!<Thanks>谢谢,我很好.</Thanks>
                <!标签内包含的必须是HTML语言中的有效元素,如果在
                "<"与">"之间包含的不是HTML的元素,那么"<"与">"
                之间的文字将会被忽略,此处是Thanks被忽略>
          
<h2 align="center">元素的属性</h2>
                <!属性在开始标签里声明,结束标签不包含属性>
<font color="blue">大海</font>,你好!<br />
<font size="5">thank you </font>,
<font color="yellow" size="7">I'm fine.</font>
                 <!标签里的font是用于设定字体属性的元素.color是
                 font元素的属性,而blue是color的属性值.另外,
                 元素与属性之间必须用空格分开,而元素的属性值可以
                 用""或''括起来,也可以不用,其运行效果都是一样的
                 ,元素的属性页不区分大小写>
<a href="#" title="this is my first html"></a>
<a href="#" title=this is my first html></a>
                  <!注意这两行代码的区别(其实一看颜色也能知道有),
                  如果元素的属性值当中含有了空格,就必须使用""或''
                  号括起来.第一行的属性值是"this is my first
                   html",第二行的是this.>
 <br />                  
size属性是属于font元素的<br />
<a href="#" size="7">属性size不属于元素a</a>
                  <!当输入的属性不属于标签内的元素时,浏览器

会忽略该属性>
                  
<h2 align="center">嵌套标签</h2>
<b>字体加粗标签</b>  <br />
<i>字体倾斜标签</i>  <br />
<u>字体加下划线</u>  <br />
<b><i><u>嵌套其它属性不冲突的标签,综合了所有的属性</u></i></b>

<h2 align="center"><font color="red">空格与特殊字符的输出</font></h2>
<a>空格的输出</a>&nbsp;&nbsp;&nbsp;<a>输出的空格</a><br />
                  <!每一个"&nbsp;"在浏览器里都显示为一个空格.
                  除了空格之外,HTML代码里常用的<,"","&"
                  字符要输出到浏览器时都需要转换字符输出>
&lt;      <br />
&gt;      <br />
&amp;     <br />
&quot;    <br />              
</body>

</html>

浏览器中预览效果

HTML的简单介绍的更多相关文章

  1. [原创]关于mybatis中一级缓存和二级缓存的简单介绍

    关于mybatis中一级缓存和二级缓存的简单介绍 mybatis的一级缓存: MyBatis会在表示会话的SqlSession对象中建立一个简单的缓存,将每次查询到的结果结果缓存起来,当下次查询的时候 ...

  2. 利用Python进行数据分析(7) pandas基础: Series和DataFrame的简单介绍

    一.pandas 是什么 pandas 是基于 NumPy 的一个 Python 数据分析包,主要目的是为了数据分析.它提供了大量高级的数据结构和对数据处理的方法. pandas 有两个主要的数据结构 ...

  3. 利用Python进行数据分析(4) NumPy基础: ndarray简单介绍

    一.NumPy 是什么 NumPy 是 Python 科学计算的基础包,它专为进行严格的数字处理而产生.在之前的随笔里已有更加详细的介绍,这里不再赘述. 利用 Python 进行数据分析(一)简单介绍 ...

  4. yii2的权限管理系统RBAC简单介绍

    这里有几个概念 权限: 指用户是否可以执行哪些操作,如:编辑.发布.查看回帖 角色 比如:VIP用户组, 高级会员组,中级会员组,初级会员组 VIP用户组:发帖.回帖.删帖.浏览权限 高级会员组:发帖 ...

  5. angular1.x的简单介绍(二)

    首先还是要强调一下DI,DI(Denpendency Injection)伸手获得,主要解决模块间的耦合关系.那么模块是又什么组成的呢?在我看来,模块的最小单位是类,多个类的组合就是模块.关于在根模块 ...

  6. Linux的简单介绍和常用命令的介绍

    Linux的简单介绍和常用命令的介绍 本说明以Ubuntu系统为例 Ubuntu系统的安装自行百度,或者参考http://www.cnblogs.com/CoderJYF/p/6091068.html ...

  7. iOS-iOS开发简单介绍

    概览 终于到了真正接触IOS应用程序的时刻了,之前我们花了很多时间去讨论C语言.ObjC等知识,对于很多朋友而言开发IOS第一天就想直接看到成果,看到可以运行的IOS程序.但是这里我想强调一下,前面的 ...

  8. iOS开发多线程篇—多线程简单介绍

    iOS开发多线程篇—多线程简单介绍 一.进程和线程 1.什么是进程 进程是指在系统中正在运行的一个应用程序 每个进程之间是独立的,每个进程均运行在其专用且受保护的内存空间内 比如同时打开QQ.Xcod ...

  9. iOS开发UI篇—UITabBarController简单介绍

    iOS开发UI篇—UITabBarController简单介绍 一.简单介绍 UITabBarController和UINavigationController类似,UITabBarControlle ...

  10. Android开发自学笔记(Android Studio)—4.界面编程与View组件简单介绍

    一.引言 Android应用开发最重要的一份内容就是界面的开发,无论你程序包含的内容多么优秀,如若没有一个良好的用户交互界面,最终也只是会被用户所遗弃.Android SDK提供了大量功能丰富的UI组 ...

随机推荐

  1. Eclipse中看java源代码

    如何在Eclipse sdk中查看jar源代码如:*.jar 1.点 “window”-> "Preferences" -> "Java" -> ...

  2. base64加密解密文件

    1 //字符串加密 -(void)demo1 { //普通的 8 bit二进制数据 NSString *str = @"hello world!"; //将字符串转换成二进制数据 ...

  3. Android 新版NDK环境搭建(免Cygwin）

    使用最新ndk,直接抛弃cygwin,以前做Android的项目要用到NDK就必须要下载NDK,下载安装Cygwin(模拟Linux环境用的),下载CDT(Eclipse C/C++开发插件),还要配 ...

  4. wordpress通过代码禁用IE8, IE9，IE10等IE浏览器兼容视图模式（Compatibility View）

    目前wordpress主流主题大多都放弃了对IE6的支持!甚至IE6,IE7,IE8等的兼容模式也不支持!目前特别是国内的双核浏览器大多数使用使用IE内核都是使用的兼容模式!那将是非常糟糕!如何让IE ...

  5. window对象细节（转载）

    Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY.FRAMESET或FRAME元素时,都会自动建立window对象的实例.另 ...

  6. 关于Asp.Net中避免用户连续多次点击按钮，重复提交表单的处理

    Web页面中经常碰到这类问题,就是客户端多次点击一个按钮或者链接,导致程序出现不可预知的麻烦. 客户就是上帝,他们也不是有意要给你的系统造成破坏,这么做的原因很大一部分是因为网络慢,点击一个操作之后, ...

  7. 检测js代码是否已加载的判断代码

    该方法不局限于jQuery的检测,对与任何Javascript变量或函数都是通用的. 当前网页加载jQuery后,jQuery()或$()函数将会被定义,所以检测jQuery是否已经加载存在以下2种方 ...

  8. 1.2机器学习基础下--python深度机器学习

    1. 机器学习更多应用举例: 人脸识别   2. 机器学习就业需求:      LinkedIn所有职业技能需求量第一:机器学习,数据挖掘和统计分析人才      http://blog.linked ...

  9. KVO初探

    一,概述 KVO,即:Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.简单的说就是每次指定的被观察的对象的属性被修改后,KVO就会自动通知相应 ...

  10. bzoj3639: Query on a tree VII

    Description You are given a tree (an acyclic undirected connected graph) with n nodes. The tree node ...