這段時間學習了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周年誕辰日 蘋果搖搖馬後面創新改變世界 庫克紀念...