首页 > 代码库 > 初识HTML

初识HTML

    什么是HTML?

 HTML是一种描述网页的语言,全称Hypertext Marked Language,翻译为“超文本标记语言”。她拥有自己的一套标记标签,使用标记标签来描述网页。它的标签都是用尖括号包围着,通常都是成对出现。一个HTML文件的后缀名是.html或者是.htm。目前HTML标签不区分大小写。HTML元素可以拥有属性,属性可以扩展HTML元素的能力。属性通常由属性名和值成对出现,例如:name="value"。属性值一般用双引号标记起来。属性通常附加在开始标签上。

    构架

<html>
 <head> 
<title>该文本的标题</title>
 </head> 
<body>
 </body> 
</html> 
    简单介绍:

<html>:表示该文件是html文件,此标签是成对出现的<html></html>,放在最外面。

<head>:通常包含该html文件的标题,同时也可以在这里面定义js脚本,css样式等,它也是成对出现的<head></head> 
<title>:该处是书写html文件的标题,一个文件肯定会有一个标题,代表着它的内容或作用,而标题就在此标签中写,它也是成对出现的<title></title> 
<body>:此里面放的是你要在页面上显示的内容,比如一个段落,一个图片或一个视频等内容,同时也可以在此里面写js脚本(通常我们都在<head>标签中写),它也是成对出现的<body></body> 。

    示例总结HTML

<form>     <!--这个是一个交互表单的实例-->
<table align="center" width="600" cellpadding="5">   <!--这里引用了一个表格-->
<tr><td colspan="2" bgcolor="#FFFFFF" align="center"><font size="+2" color="#FF0000">欢迎来留言哦</font></td></tr>    <td> <!--表示表格的列,并且colspan也即是合并两列的意思-->
<tr><td width="150">我的姓名</td><td width="450"><span id="sprytextfield1">    
  <label for="text1"></label>    
  <input type="text" name="text1" id="text1" />     <!--这里显示文本框-->
  请填写姓名    
  <span class="textfieldRequiredMsg">。</span></span></td></tr>    
<tr><td width="150">我的Email</td><td width="450"><span id="sprytextfield2">    
<label for="text2"></label>    
<input name="text2" type="text" id="text2" value=http://www.mamicode.com/"@qq.com" />    >    效果如下:

初识HTML