要创建投资组合画廊,我们只需要 HTML 和 CSS。我们也可以使用 JavaScript,但在本文中,设置了限制,因此我们将仅使用 HTML 和 CSS。在第一部分将整篇文章分为两个不同的部分,我们将为作品集图库创建结构,在第二部分,我们将确保图库看起来很有吸引力。当您的网站包含不同类型的内容或内容过多时,作品集库非常有用。借助投资组合库,您可以轻松地向用户显示首页中的所有内容。
创建结构:在本节中,我们将创建投资组合的基本网站结构。在这里,我们将附加标题属性,以便用户可以知道投资组合的每个网格上的内容类型。
- HTML 代码:在本节中,我们将设计 Portfolio Gallery 的基本结构。
Create a Portfolio Gallery using HTML and CSS GeeksforGeeks
A Computer Science Portal for Geeks
Portfolio
HTML Tutorials
HTML stands for Hyper Text Markup Language. It is used to design web pages using markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages.
CSS Tutorials
Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages.
PHP Tutorials
The term PHP is an acronym for PHP: Hypertext Preprocessor. PHP is a server-side scripting language designed specifically for web development. PHP can be easily embedded in HTML files.
JavaScript Tutorials
Javascript was developed by Brendan Eich in 1995. At first, it was called LiveScript but was later name to JavaScript. JavaScript is the muscle of the structure
设计结构:在上一节中,我们已经创建了基本网站的结构,现在我们将使用 CSS 来设计网页的结构。
- CSS代码:
结合 HTML 和 CSS 代码:结合 HTML 和 CSS 部分代码以制作完整的作品集库。
Create a Portfolio Gallery
using HTML and CSS
GeeksforGeeks
A Computer Science Portal for Geeks
Portfolio
HTML Tutorials
HTML stands for Hyper Text Markup
Language. It is used to design web
pages using markup language. HTML
is the combination of Hypertext and
Markup language. Hypertext defines
the link between the web pages.
CSS Tutorials
Cascading Style Sheets, fondly referred
to as CSS, is a simply designed language
intended to simplify the process of
making web pages presentable. CSS allows
you to apply styles to web pages.
PHP Tutorials
The term PHP is an acronym for PHP:
Hypertext Preprocessor. PHP is a
server-side scripting language
designed specifically for web
development. PHP can be easily
embedded in HTML files.
JavaScript Tutorials
Javascript was developed by Brendan
Eich in 1995. At first, it was called
LiveScript but was later name to
JavaScript. JavaScript is the muscle
of the structure
输出: