HTML專案 搭建網頁結構

2021-09-16 19:39:24 字數 597 閱讀 4028

標籤是乙個區塊容器標記,

之間是乙個容器,可以包含段落、**、等各種html元素。

標籤沒有實際意義,就是為了給相應的內容新增樣式。

標籤內的內容每個單獨佔據一行,標籤內的內容在一行內展示。

塊級標籤:每乙個標籤需要佔據一行,需要換行。用來搭建網頁的結構,進行布局,承載內容。

行內標籤:在一行進行展示,不需要換行。用在網頁內容之中的某些細節的部分,比如做一些強調,樣式的區分。

巢狀規則:

1、塊級元素可以包含行內元素或某些塊級元素。

2、行內元素不能包含塊級元素,只能包含其他行內元素。

3、塊級元素不能放在標籤內。

4、特殊塊級元素只能包含行內元素,不能再包含塊級元素。如h1、h2、h3、h4、h5、h6、p、dt等.

5、塊級元素與塊級元素並列,行內元素和行內元素並列。

網頁的設計流程:使用者提出需求-->產品經理規劃和實現原型圖-->設計師畫出網頁設計圖-->前端工程師(將網頁設計圖根據使用者需求切圖,分析完成網頁設計圖的html結構,新增css樣式,新增js互動動畫。

不能只根據網頁的內容羅列**,而應該使用容器,分塊的寫**。

可以通過f12檢視**的結構進行學習。

linux 搭建網頁專案筆記

本文筆記之用,記錄在我在linux下搭建與開發 時遇到的一些碎片知識,以備將來之需。目錄ubuntu centos 1 ubuntu 資料庫安裝 sudo apt install mysql client sudo apt install mysql server 安裝 mysql server 時...

使用HTML的基本結構建立網頁

1 網頁的副檔名 html或htm 2 如何新建網頁?步驟1 在電腦的空白處,右鍵選擇 新建 文字文件 步驟2 把txt的副檔名,改成html或htm,點選確定 步驟3 用記事本或editplus開啟該檔案,編寫網頁的基本結構 3 網頁的基本結構,html 超文字標記語言 會使用文字相關標籤排版文字...

搭建網頁版的Postman Hitchhiker

摘要 postman可以很好的做介面功能測試和除錯介面,但是如果乙個團隊要共享介面的話是要收費的。現在有個開源的工具hitchhiker,相當於乙個網頁版的postman,而且團隊間可以很好的共享介面。本部落格是對在windows環境搭建hitchhiker的總結和基本使用介紹。2 安裝nodejs...