HTML速成教程

于 2015-01-21 20:58:01 发布
阅读量2.8k 收藏 11
点赞数 2
文章标签： 网页设计
这篇博客详细介绍了HTML的基本标签，包括<HEAD></HEAD>、<TITLE></TITLE>、<META>、<BODY></BODY>等，以及头部信息、正文、字符样式、列表、链接、图片、颜色、表格、表单等各个方面的内容，是快速学习HTML的好资料。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.HTML速成教程

1.1.       基本标签

标签（Tag）是HTML语言的元素，几乎所有标签都有一个打开符号和关闭符号。例如<HEAD> 标签表示头部信息的开始位置，它拥有一个对应表示关闭的标签 </HEAD>.

1.1.1.    <HTML></HTML>HTML标签

这对标签告诉浏览器此文件是一个HTML文件。每个HTML文档都从<HTML>标签开始，对应的</HTML>标签是HTML文件的最后一个标签。

1.1.2.    <HEAD></HEAD>头部标签

这对标签之内的内容表示HTML文件的头部，一般用来存放文件相关的重要信息

1.1.3.    <TITLE></TITLE>标题标签

title是一个重要标签，一般表示在浏览器顶部显示的标题。这对标签嵌在<HEAD></HEAD>标签之内

 

     <html>
 

     <head>
 

     <title>HTML速成教程</title>
 

     </head>
 

     <body>
 

     </body>
 

     </html>
 

1.1.4.    <META>概要标签
 

另外可嵌入<HEAD></HEAD>标签之内的标签还有 <META>概要标签，一般用于协助搜索引擎去索引一个页面。有以下几种不同的概要元信息：
 

author作者信息:
 

 

     <META NAME="author" CONTENT="崔卢李">
 

description描述信息:
 

 

<META NAME="description" CONTENT="一个针对初学者的简易HTML速成教程">
 

keyword关键词信息，注意：使用逗号分隔关键词(SEO中也用不规范 的|竖线分隔)
 

 

<META NAME="keyword" CONTENT="html,tutorial,beginner,web design,教程,初学者,网页设计">
 

示例：
 

 

<head>
 

<title>HTML速成教程</title>
 

<meta name="Author"  content="崔卢李">
 

<meta name="Description" content="一个针对初学者的简易HTML速成教程">
 

<meta name="Keywords" content="html,tutorial,beginner,web design,教程,初学者,网页设计">
 

</head>
 

1.2.       <BODY></BODY>正文标签
 

Body正文标签定义网页的主体部分的开始和结束。在这一对标签之间可以放入各种重要标签，例如：images图片,links链接, text文本, paragraphs段落, forms表单等
 

1.3.       Character字符，Paragraph 段落和Position位置
 

1.1.5.    <H#></H#>标题标签
 

共有H1到H6的6个层级的标题标签，最大的标题为<H1>，最小的标题为<H6>，其他依此类推。这些标签一般用于正文的大纲视图分层级。
 

 

     <H1>最大文本</H1>
 

     ......
 

     <H6>最小文本</H6>
 

1.1.6.    <P></P>段落标签
 

P段落标签 <P></P>之间可以放入一个段落，如：
 

            <p>基本信息</p>
 

注意：</P>关闭标签可以省略。
 

1.1.7.    Align对齐属性
 

可以使用ALIGN标签来定义对齐方式。注意：默认为左对齐。
 

 

     <p ALIGN="center">段落文本居中对齐</p>  
 

     <p ALIGN="left"> 段落文本左对齐</p>
 

     <p ALIGN="right">段落文本右对齐</p> 
 

1.1.8.    <CENTER></CENTER>居中对齐标签
 

此标签可以使得网页中的文本居中对齐。
 

 

     <center><p> 段落居中</p></center>
 

1.1.9.    <BR>换行标签
 

可使其后文本新起一行，如：
 

 

     <p>欢迎光临<br> HTML入门教程官网!</p>
 

1.1.10.            <HR>水平分隔线
 

 

可以插入一条水平分隔线，HR标签可设置如下：
 

 

<hr width="450" align="right" size="5">
 

1.1.11.            &nbsp;空格
 

可以在文本中闯入空格 &nbsp;.
 

1.1.12.            <BLOCKQUOTE></BLOCKQUOTE>引用块
 

可定义引用的内容块，一般会在块的左右两边进行缩进（增加外边距），而且有时会使用斜体。
 

 

     <BLOCKQUOTE>    
 

     <H1>欢迎光临HTML入门教程官网!</H1>
 

     <p>教程内容</p>
 

     <p>基础信息</p>
 

     </BLOCKQUOTE>
 

1.1.13.            <PRE></PRE>预格式化
 

可定义预格式化段落文本，使得输入内容和显示内容一致，即所见即所得，经常用来显示源码
 

 

     <pre>
 

    物品  单价　   数量
    ---------------------------------
 

      A       34.99        23
 

      B       25.95        13
 

    ---------------------------------
 

     </pre>
 

1.1.14.            Comments注释
 

comment注释标签里面的内容不会显示出来，使用如下:
 

 

     <!-- 这里是注释 -->
 

1.

                

        

    

    
  



    

      

        

            

              
                
                  ChangingWay
                
              
            

            

                关注
              
            

        

        

          
      

      










            

  



          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值