码迷,mamicode.com
首页 > Web开发 > 详细

HTML的简单介绍

时间:2014-07-26 16:55:21      阅读:362      评论:0      收藏:0      [点我收藏+]

标签:des   style   http   color   使用   os   io   art   

<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>

 

 浏览器中预览效果

bubuko.com,布布扣
 

HTML的简单介绍,布布扣,bubuko.com

HTML的简单介绍

标签:des   style   http   color   使用   os   io   art   

原文地址:http://www.cnblogs.com/360-782/p/3870202.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!