📜  使用 HTML 和 CSS 设计致敬页面

📅  最后修改于: 2021-11-07 08:06:20             🧑  作者: Mango

致敬页面基本上是对我们生活中钦佩的人的概述。在本文中,我们将使用 HTML 和 CSS 创建已故 APJ Abdul Kalam Sir 的致敬网页。我们将在中心(标题下方)添加他的图像,并在该图像下方创建一个框。在那个盒子里,我们会写下他的一些成就和细节。我们将使用div标签和p标签来编写图像的详细信息和img标签。然后使用CSS,我们将对齐和美化设计。

方法:

  • 元素中,我们将使用h1标签给出页面的标题,然后我们将在img标签中添加他的图像和一些标题。我们将创建另一个div标签并写入所有内容(使用p标签)。我们还为每个标签指定了 ID,以便我们可以使用 CSS 文件中的相应 ID 来美化设计。
  • 在 CSS 部分,我们基本上保持了中心设计,并使用box-shadow围绕主要内容创建框效果。

例子:

HTML


 

    

 

    
                   

            A. P. J. Abdul Kalam         

          
                                                         Great Indian scientist and                 politician who played a leading                 role in the development of India’s                 missile and nuclear weapons                 programs.                      
          
                           

                About the Legend             

               

                ☛ A.P.J. Abdul Kalam, in full                 Avul Pakir Jainulabdeen Abdul Kalam,                 was born on October 15, 1931, in                 Rameswaram, Tamil Nadu, India.

                ☛ He served as the 11th President                 of India from 2002 to 2007.

                ☛ Kalam earned a degree in                 aeronautical engineering from the                 Madras Institute of Technology and in                 1958 joined the Defence Research and                 Development Organisation (DRDO).

                ☛ In 1969, he moved to the Indian                 Space Research Organisation, where he                 was project director of the SLV-III, the                 first satellite launch vehicle that was                 both designed and produced in India.                 

☛ Rejoining DRDO in 1982,                 Kalam planned the program that produced                 a number of successful missiles, which                 helped earn him the nickname                 “Missile Man.”                 

☛ Among those successes                 was Agni, India’s first intermediate-range                 ballistic missile, which incorporated                 aspects of the SLV-III and was launched                 in 1989.                 

☛ He also played a                 pivotal organisational, technical,                 and political role in India's Pokhran-II                 nuclear tests in 1998, the first since                 the original nuclear test by India in 1974.                 

☛ From 1992 to 1997 Kalam                 was scientific adviser to the defense                 minister, and he later served as principal                 scientific adviser (1999–2001) to the                 government with the rank of cabinet minister.                 

☛ His prominent role in                 the country’s 1998 nuclear weapons tests                 solidified India as a nuclear power and                 established Kalam as a national hero,                 although the tests caused great concern                 in the international community.                 

☛ In 1998 Kalam put                 forward a countrywide plan called                 Technology Vision 2020, which he described                 as a road map for transforming India from                 a less-developed to a developed society                 in 20 years. The plan called for, among                 other measures, increasing agricultural                 productivity, emphasizing technology as                 a vehicle for economic growth, and                 widening access to health care and                 education.                 

☛ Kalam received 7                 honorary doctorates from 40                 universities. The Government of India                 honoured him with the Padma Bhushan                 in 1981 and the Padma Vibhushan                 in 1990 for his work with ISRO and                 DRDO and his role as a scientific advisor                 to the Government.                 

☛ In 1997, Kalam received                 India's highest civilian honour, the                 Bharat Ratna, for his contribution to                 the scientific research and modernisation                 of defence technology in India.                 

☛ In 2013, he was the                 recipient of the Von Braun Award from                 the National Space Society "to recognize                 excellence in the management and leadership                 of a space-related project".                 

☛ While delivering a                 lecture at the Indian Institute of                 Management Shillong, Kalam collapsed and                 died from an apparent cardiac arrest on                 27 July 2015, aged 83.                 

☛ Wheeler Island, a                 national missile test site in Odisha, was                 renamed Kalam Island in September                 2015.                 

☛ A prominent road in                 New Delhi was renamed from Aurangzeb                 Road to Dr APJ Abdul Kalam Road                 in August 2015.                 

☛ In February 2018,                 scientists from the Botanical Survey                 of India named a newly found plant                 species as Drypetes kalamii, in his                 honour.                 


            

          
        
            For more information,         check out                      A.P.J. Abdul Kalam on Wikipedia. [             Developed by @                     Sushant Gaurav.         ]     
 


输出:

支持的浏览器:

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