html编写网页实例_编写自己HTML网页的简介

html编写网页实例

网站是开源软件项目的绝佳资源。 网站为用户提供了一个了解您的项目的理想机会。 项目网站可以共享其他信息，屏幕快照，示例代码，视频以及开发人员和用户会发现有用的其他资源。

如果您有兴趣创建自己的网站，那么本文适合您。

其他选择

您当然不需要为您的开源软件项目构建网站。 这些天来，您可以将开源软件项目托管在GitHub或GitLab等地方，并获得项目的标准“ Readme.md”样式说明。 对于许多项目而言，这种方法非常有效，对于那些希望更加专注于为项目编写代码而不是维护网站的开发人员而言，这是一个完美的解决方案。

但是，如果您想创建一个网站，则可以利用工具和网站建设者来为您完成工作。 例如，开源的TYPO3 Web内容管理系统就是一个出色的网站构建器。 或者，您可以使用许多其他开源内容管理系统和网站构建器来创建和管理项目网站，而无需学习任何HTML代码。

网页结构

HTML是一种简单的超文本标记语言，人类易于编写，计算机也易于阅读。 HTML的核心是标签，一个标记，用于向Web浏览器告知该页面或页面内部的内容。 HTML标记开始与小于符号（<）和与大于号端（>）。 例如，启动HTML页面的标签是：

 < html > 

大多数标签都要求您分别标记事物的开始和结束。 结束标记在标记内包含斜杠（ / ）。 例如，结束HTML页面的标签为：

 < / html > 

这样，我们可以看到网页的顶层轮廓。 HTML代码是：

   
   
   

    
    
    
 
     
     
     < html > 
     
     
     


     
     
     < / html > 
    
    
    
   
   
   

在HTML页面的开始和结束标记内，您将包括其他代码块。 所有页面都需要一个正文块来定义网页的文本正文。 大多数页面还以特殊的head块开头，该head块定义了Web浏览器的某些参数，例如在哪里找到样式表。 稍后我们将探讨样式表。

   
   
   

    
    
    
 
     
     
     < html > 
     
     
     

        
     
     
     < head > 
     
     
     

        
     
     
     < / head > 
     
     
     

         
     
     
     

        
     
     
     < body > 
     
     
     

        
     
     
     < / body > 
     
     
     


     
     
     < / html > 
    
    
    
   
   
   

空格（包括“换行”以及空格和制表符）对于Web浏览器并不重要，但是大多数Web开发人员都会缩进其他HTML块中HTML块，以使代码对人类更具可读性。 这就是为什么我在示例代码中缩进了头部和身体块的原因。

一个简单的网页概述

大多数网页遵循总体轮廓。 通常这是顶部的页眉和导航栏，中间是主要内容，底部是页脚。 HTML版本5标准定义了用于执行此操作的标记。 让我们添加到代码示例中以包含以下标记：

   
   
   

    
    
    
 
     
     
     < html > 
     
     
     

        
     
     
     < head > 
     
     
     

        
     
     
     < / head > 
     
     
     

         
     
     
     

        
     
     
     < body > 
     
     
     

                
     
     
     < header > 
     
     
     

                
     
     
     < / header > 
     
     
     

                 
     
     
     

                
     
     
     < nav > 
     
     
     

                
     
     
     < / nav > 
     
     
     


     
     
     

                
     
     
     <main> 
     
     
     

                
     
     
     < / main> 
     
     
     

                 
     
     
     

                
     
     
     < footer > 
     
     
     

                
     
     
     < / footer > 
     
     
     

        
     
     
     < /