HTML實戰訓練 1 美站庫

2021-07-13 20:08:36 字數 1249 閱讀 6280

本人新手,在學習了近乙個月html之後第一次進行了實戰專案,寫個部落格主要是想記錄一下自己的學習路程,歡迎高手指出缺點

本次實戰訓練主要是運用自己所學知識寫出美站庫的介面,選擇美站庫的原因主要是因為其介面簡潔,適合初學者練習。

準備事項:美站庫的介面簡潔,主要分為上、中、下三個部分;上部又可以分為上、中、下,中間又可分為左邊和右邊。

這裡我先構造出主要的類名和id

這裡的背景為什麼用repeat-x(縱向平鋪)呢?開啟美站庫**在儲存背景時可以發現,其背景都是長條狀的,也就是說,這個**的背景是通過縱向平鋪構成的。

這裡我解釋一下auto的作用,auto裡面設定了外邊距上下為0,左右對齊(即居中),設定寬度與主體內容對齊。省去在div中重複寫相同**的麻煩。

炫美**,盡在美站庫

本**收集網際網路上各種炫美**......

這裡我要說一下,頭部的logo和search都用了float(浮動),否則不能到一行去。後面出現的float也都是這個原因,如果有用到clean,我再解釋一下。

順便提一下,這裡用標籤是為了增加權重,因為「炫美**大全」是**關鍵字。

好了,對於頭部**,我就挑重點的說了一下。接下來是主體部分(分為左邊(leftbody)和右邊(rightbody)):

美站庫是web90後web玖零後部落開課啦(群517386559)!

相信大家看了這麼多**也困了,畢竟我是第一次寫html的**,很多地方都不熟練,所以寫的**顯得很冗餘,高手勿噴

底部**就不單獨po出來了,就只有兩行文字而已。

差點忘了,我還有一點點小問題沒有解決

這裡兩隻小鳥我我一直移不上去,不知道是**出問題了,希望大神指教。

下面是全部**:

炫美**,盡在美站庫

本**收集網際網路上各種炫美**......

美站庫是web90後web玖零後部落開課啦(群517386559)!

首頁美站酷文

網頁設計之HTML實戰 1 認識HTML

html 是用來描述網頁的一種語言。全稱為超文字標記語言,是英文 hyper text markup language 的縮寫,不是程式設計的語言,是一種網頁格式的表示方法或稱為一種標記語言。它由若干標記標籤組成。例如,為了表示想顯示乙個標題,就用h1標籤表示乙個標題,顯示時用粗體顯示。h1 標記標...

SVM機器學習實戰1(含訓練資料集)

本文的 親測有效,資料直接從網上load下來的,若想看源資料進入資料位址即可。第一次寫部落格也不會組織語言,將就著看看咯,主要是想為自己寫過的code留下一些印記,方便以後查證。以下是sklearn中現成的應用辦法 邏輯回歸 from sklearn.linear model import logi...

牛客網 資料庫SQL實戰1

題目描述 查詢最晚入職員工的所有資訊,為了減輕入門難度,目前所有的資料裡員工入職的日期都不是同一天 sqlite裡面的注釋為 mysql為comment create table employees emp no int 11 notnull 員工編號 birth date date notnull...