Day - HTML與CSS - 程式設計

首頁 > 程式設計 > Day - HTML與CSS

Day - HTML與CSS

發佈於2025-04-12

[2 HTML代表超級文本標記語言。

HTML是用於創建網頁的標準語言。 它使用標籤或元素系統定義了網頁的結構。 [2
CSS代表級聯樣式表。
它用於樣式和格式化使用HTML創建的網頁的佈局。
它控制著顏色，字體，間距，定位和響應式設計之類的東西。

CSS允許您將結構（HTML）與設計（樣式）分開，使網站更易於維護和更靈活。

JS代表JavaScript。 這是一種編程語言，用於在Web瀏覽器中創建動態和交互式效果。 當HTML構造頁面和CSS樣式時，JavaScript可以與頁面進行交互，並可以動態修改內容。 [2 HTML是基於文本的語言，它定義了Web內容的結構和含義。

[2 [2 在HTML中，獨立標籤是指不需要關閉標籤的HTML元素。這些通常也稱為自插圖標籤或void元素。

例子：

[2 標籤通常成對出現：開頭標籤和一個閉合標籤。

例子：

元素：

Day -HTML ans CSS 元素是網頁的構建塊，代表文檔中各種類型的內容和結構。

html元素的組件：

例子：

ilugc 。容器{ 邊界：1px固體；身高：200％；寬度：85％；保證金：自動； } .HADER H4 { 文本轉換：大寫；顏色：＃e22d30; 邊界：1PX固體綠色；寬度：擬合；填充：10px; } .header { 保證金：25px; }

HTML結構的解釋：

[2 該元素是一個塊級容器，用於將其他元素分組在一起，並將樣式或佈局屬性應用於它們。 [2
類選擇器用於選擇具有特定類屬性的元素。它是CSS中最常用的選擇器之一。類選擇器由點（。）定義，然後是類名稱。
句法：
[2
元素選擇器（也稱為類型選擇器）用於根據其標籤名稱選擇和样式HTML元素。它允許您將樣式應用於文檔中特定類型的HTML元素的所有實例。

元素 { }

利潤：
CSS中的保證金屬性用於在元素之外創建空間。
Opening Tag: The starting part of the element that defines the type of content that follows. Example:
,
,
, Content: The content placed between the opening and closing tags (if applicable). This could be text, images, links, or other elements. Example: This is a paragraph. Closing Tag: The closing part of the element that indicates the end of the element. It is the same as the opening tag, but with a forward slash (/) before the tag name. Example: , ,
Attributes (Optional): Additional properties that provide extra information about the element. Attributes are added inside the opening tag. Example:>
Example:

ILUGC

Explanation of the HTML Structure:

: Root element of the HTML document. : Contains metadata for the page, including the title and styles. :Contains the content visible on the page. Inside the : The tag gives the webpage its title when viewed in the browser tab. The <style> tag contains the internal CSS to style the page. Inside the <body>: .container:A container div with a class container that holds all the page elements. It's styled with a border, height, width, and centered using margin:auto. .header: A section that contains the main title (<h1>) and a subtitle (<h4>) about the ILUGC group. The h4 tag is styled with uppercase letters, a red color, a border on top, and some padding. navbar: This seems to be a placeholder for a navigation bar. layout: A section for the main content layout, with two subsections: mainLayout: Likely for the main content area. sideLayout: Likely for a sidebar or additional content. footer: Placeholder for the footer section. </style>
句法：

元素 { 填充：價值； }