html基础知识

        基于Web前端技术是有HTML静态语言向现在的JaveScript、Ajax、ExtJs、JQuery等框架的发展。鉴于自己对处理Web前端开发过程中由于对HTML没有深入的了解而带来的一些欠缺。因此发点时间来学习回顾下HTML语言。

什么是HTML? 

        HTML是用来描述网页的一种语言。同时它是超文本标记语言(Hyper Text Markup Language),仅仅是一种标记语言而不是编程语言。那什么是标记语言呢?标记语言就是一套标记标签。也就是说HTML使用标记标签来描述网页。 

HTML标签 

   HTML标记标签通常被称为HTML标签(HTML tag) 
   HTML标签是由尖括号包围的关键字(比如<html>) 
   HTML标签通常是成对出现的.(比如<b>和</b>) 
   标签对中的第一个标签是开始标签,第二个标签是结束标签 
   开始和结束标签也被称为开放标签和闭合标签 

   * <html> 与 </html> 之间的文本描述网页 
    * <body> 与 </body> 之间的文本是可见的页面内容 
    * <h1> 与 </h1> 之间的文本被显示为标题 
    * <p> 与 </p> 之间的文本被显示为段落

<html>
       <body>
             <h1>My First Heading</h1>

             <p>My first paragraph.</p>
       </body>
</html>

 常用的HTML标签(标签就是对应的视图表现) 
标题标签:

       

<h1></h1> 
         <h2></h2> 
         <h3></h3> 
         <h4></h4> 
         <h5></h5> 
         <h6></h6>

  
水平线标签:

       

<hr color="orange" width="100px"/>

 
注释:

         <!-- ……….--> 
段落标签+换行标签:

       

<p></p>     <br/>

 
段落间间隔比较大,换行间隔相对来说小 
文本的格式化标签:加粗,斜体,上标,下标,删除线 
文本字体标签:font 
         

<font color="red" face="黑体" size="+10">

 
链接锚标签:

         

<a href=”链接地址”  target=”blank”></a>

列表标签:

         

<ol></ol>有序列表 ----<ul></ul>无序列表  <li></li>列表 
           <dl></dl>  <dt></dt><dd></dd>

下拉菜单标签:

       

<select  name="province"> 
            <option>--请选择--</option> 
            <option value="hb">湖北</option> 
             <option value="hn">南北</option> 
             <option value="sh">上海</option> 
            </select><hr />;
 

相关推荐