初识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="@qq.com" /> <span class="textfieldRequiredMsg">需要提供一个值。</span><span class="textfieldInvalidFormatMsg">格式无效。</span></span></td></tr> <tr><td width="150">我的职业</td><td width="450"><input type="radio" name="face"/><img src="a.gif"/><input type="radio" name="face"/><img src="a.gif"/><input type="radio" name="face"/><img src="a.gif"/><input type="radio" name="face"/><img src="a.gif"/></td></tr> <tr><td width="150">说话表情</td><td width="450"><input type="checkbox" />体育运动<input type="checkbox" />体育运动<input type="checkbox" checked="checked" />体育运动<input type="checkbox" />体育运动</br><input type="checkbox" checked="checked"/>体育运动<input type="checkbox" disabled="disabled" />体育运动</td></tr> <!-- 这里显示了一个复选框--> <tr><td width="150">兴趣爱好</td><td width="450"><select> <option>兴趣1</option><option selected="selected">兴趣2</option><option>兴趣3</option></td></tr> <!--这里是一个单选框--> <tr><td width="150">我的留言</td><td width="450"><textarea cols="40" rows="10"></textarea></td></tr> <tr><td width="150">添加附件</td><td width="450"><input type="file" size="10"/></td></tr> <!--这里一个上传文件的按钮--> <tr><td colspan="2" align="center"><input type="submit" value="提交"/><input type="reset" </td></tr> <!--这里是一个重置和提交的按钮--> </form>效果如下：
版权声明：本文为博主原创文章，未经博主允许不得转载。
