📜  使用 HTML 的简单组合网站设计

📅  最后修改于: 2021-11-03 04:03:11             🧑  作者: Mango

作为一名 Web 开发人员并拥有作品集在申请机会和展示我们的才能时有很大帮助,因此在本文中,我们将学习如何仅使用 HTML 制作简单的单页作品集。此投资组合可能包含您的一些非常重要的信息,例如:

  • 关于我们部分
  • 你的项目
  • 你的成就
  • 您的联系方式

你甚至可以在你的投资组合中添加其他细节,让它更漂亮。但本文主要针对想要学习使用简单 HTML 构建投资组合的初学者。

先决条件: HTML 的基本概念,如标签、属性、表单、表格、行、列、超链接等。

代码实现:

HTML


 

    
    
    HTML Project

 

    
    
        
            
        
    
    
 
    
    
        
            
        
    
                                                                                                    
                            

                                                                     Hi Geeks!                                                              

                              

                                                                                                                                   

                        
            
                                                      
                                                                                                                                                                                                    
                                                             About Me                                                          
                        
                                                                                                                   Thanks for your interest, here                                 is a quick story of me and this                                 website.                                 
                                Sandeep Jain An IIT Roorkee alumnus                                 and founder of GeeksforGeeks. He                                 loves to solve programming problems                                 in most efficient ways. Apart from                                 GeeksforGeeks, he has worked with                                 DE Shaw and Co. as a software                                 developer and JIIT Noida as an                                 assistant professor.                                 
                                  I do my work mainly in C-Language,                                 C++ and JAVA. C++ and Data Structure                                 & Algorithm are my stronger section.                                 Besides these I know Web Development,                                 LINUX and database as well.                                 
                                  This website is basically one of my                                 Web Development project which is                                 built using HTML only.                                 Here one can also find ideas for                                 projects in different languages.                                   Thanks again for reading this,                                 because of people like you, it                                 exists and prospers!                                 
                                Cheers,                                 
                                GeeksForGeeks.                             
                        
                
                
                
            
                                                      
                                                                                                                                                                                                    
                                                             Projects                                                          
                        
                                                                                              
                                
                                
                                
                            
                        
                            Project                         
            
                                                    
                                                                                                                                                                         
                                                             Achievements                                 
                            
                        
                                                             
                                        
  •                                         Intern at GeeksforGeeks.                                         
                                                  
    •                                                 December,2020 - Present.                                             
    •                                             
    •                                                 Write technical articles                                                 on programming related topics.                                             
    •                                         
                                        
  •                                       
  •                                         
                                            
                                            
                                            Microsoft Learn Student Ambassador.                                         
                                                  
    •                                                 August,2020 - Present.                                             
    •                                             
    •                                                 Conducted events and workshops on                                                 different technologies.                                             
    •                                         
                                        
  •                                       
  •                                         
                                            
                                            
                                            Mentored HackTX.                                         
                                                  
    •                                                 October,2020.                                             
    •                                             
    •                                                 Selected from Microsoft as Student                                                 ambassador where I mentored students                                                 in their projects.                                             
    •                                             
                                                  
                                                  
                                                  
                                                  
                                              
                                        
  •                                   
                              
                        
            
                                                      
                                                                                                                                                                                                                                              
                                                             Contact                                                          
                        
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                                        
                                                                                     Name                                                                              
                                                                                                                                                                   
                                                                                     Email                                                                                                                                                                                                                                                  
                                                                                     Number                                                                                                                                                                                                                                                  
                                                                                     Message                                                                                                                                                                                                                                                  
                                                                                                                                                                 
                                        
                                    
                        
                                                                                      
            
                                                                                                                      


注意:我们也使用了两张照片。一个在关于表中,另一个在项目部分。

输出:

支持的浏览器:

  • 谷歌浏览器
  • 微软边缘
  • 火狐
  • 歌剧
  • 苹果浏览器