html個人簡單練習

2021-08-04 23:41:09 字數 2133 閱讀 2915

這段時間學習了html基礎教程,與書籍相結合,但是實踐的較少。

試著用之前學的做乙個簡單的網頁。

今天主要完成了首頁頁面製作

涉及到導航、鏈結、對映、塊級操作、布局、應用音訊、表單

大約效果就是這樣:

剛開始不會調整尺寸,導致會有左右方向的滾動條。

網上搜了蒐用可以使頁面居中。就對導航和標題欄進行了居中處理。

但是導航欄我現有知識還是不怎麼會調整間距,我是手動加了改變的。導航取消下劃線:新增text-decoration:none;到a中的style。

關於div之間預設換行,網上說的很多方法都沒有成功,後來是調整了產生空行div的margin-top為-10px解決了。後來修改著突然發現不用也正常了。

name="planetmap">

shape="rect"

coords="0,0,82,126"

alt="sun"

href="sun.htm">

shape="circle"

coords="90,58,3"

alt="mercury"

href="mercur.htm">

shape="circle"

coords="124,58,8"

alt="venus"

href="venus.htm">

map>

對我來說,今天覺得最難的就是布局,放的位置,文字與關聯的位置。搜尋了一下,使用了css中的float使得元素左右浮動。但是位置會很死板,比如圖中表單我就採用了向右浮動,結果用力過猛太偏了。

左邊的圖在搜尋了一番,新增了

style margin 屬性

如果規定一種值,比如:div  - 所有四個外邊距都是 50px。

如果規定兩種值,比如:div - 上外邊距和下外邊距是 50px,左外邊距和右外邊距是 10px。

如果規定三種值,比如:div - 上外邊距是 50px,左外邊距和右外邊距是 10px,下外邊距是 20px。

如果規定四種值,比如:div - 上外邊距是 50px,右外邊距是 10px,下外邊距是 20px,左外邊距是 30px。

語法

設定 margin 屬性:

object.style.margin=」%|length|auto|inherit」

返回 margin 屬性:

object.style.margin

提示和注釋

margin 屬性和 padding 屬性都是在元素周圍插入空間。然而,不同的是,margin 將圍繞邊框外面插入空間,padding 將在元素邊框內插入空間。

關於新增音訊(參考了w3school):

最好的 html 解決方法

例項

controls="controls"

height="100"

width="100">

src="song.***"

type="audio/***" />

src="song.ogg"

type="audio/ogg" />

height="100"

width="100"

src="song.***" />

audio>

您必須把音訊轉換為不同的格式。

元素無法通過 html 4 和 xhtml 驗證。

元素無法通過 html 4 和 xhtml 驗證。

元素無法回退來顯示錯誤訊息。

注釋:使用 (html5) 解決驗證問題。

新增表單:

charset="utf-8">

菜鳥教程(runoob.com)title>

head>

效果

HTML個人筆記

html筆記 不同的文字格式 font標籤 標題標籤 一直到 逐漸變小 水平線標籤 size水平線粗細 1 7 size 1 7 color color sss 特殊字元 主要是用需要轉義的字元 kt space 列表標籤 顯示的為如下效果 傳智播客 財務部學工部 在dl裡面 表示傳智播客 在dl裡...

個人 排序練習

插入排序 include include using namespace std void output int a,int n cout int main for int i 0 i n i a j 1 temp output a,n return0 插入排序,幻想成是你在抓撲克牌的時候。以i為分...

HTML基礎練習

en text 官方回應 駕照銷分新規 今後網上可進行這項操作 網易新聞 2018 02 26 國際能源署署長 中國將超美國成全球最大核能國家 光明網 02 25 09 31 庫克紀念賈伯斯63周年誕辰日 蘋果搖搖馬後面創新改變世界 庫克紀念賈伯斯63周年誕辰日 蘋果搖搖馬後面創新改變世界 庫克紀念...