什么是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>
效果如下: