首页 > 代码库 > 初识HTML

初识HTML

2024-07-22 08:08:25   218人阅读

    什么是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


联系
我们