溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

發(fā)布時間:2021-11-26 09:35:06 來源:億速云 閱讀:99 作者:柒染 欄目:開發(fā)技術

這篇文章給大家介紹網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

步驟一:網(wǎng)頁開發(fā)所需工具

編輯器:sublime  notepad++ (選一個即可推薦使用sublime)

游覽器:Firefox(火狐游覽器)chrome(谷歌游覽器)

 網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

步驟二:裝載開發(fā)環(huán)境(軟件的下載與安裝)

軟件可以到網(wǎng)上下載,可以在我的主頁下載!這里需要講的是安裝完sublime桌面可能沒有快捷方式,就需要在你安裝的目錄里,找到應用程序右擊發(fā)送到   桌面快捷方式!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

步驟三:新建一個空白網(wǎng)頁

為了以后便于網(wǎng)頁的保存,可以建立一個文件夾,在文件夾里新建空白網(wǎng)頁!

現(xiàn)在文件家里新建一個文本文檔

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

然后把文本文檔的名字加上后綴名改成index.html

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

改完之后就會顯示成網(wǎng)頁了,如果電腦沒有顯示后綴名需要需要在文件查看里設置,系統(tǒng)不同設置也會不同!Windwos7需要把“隱藏文件擴展名”勾選掉!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

步驟四:設置網(wǎng)頁的打開方式

新建的網(wǎng)頁圖標可能會變成空白,這個時候就需要設置打開方式了!方法是右擊空白網(wǎng)頁——打開方式——選擇firfox即可!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

步驟五:開啟網(wǎng)頁開發(fā)之旅

1,先把你安裝的sublime打開!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

2,然后可以直接把文件拖拽到sublime里,或者點擊 file——openfile——找到你建的網(wǎng)頁打開就行!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

 3,打開之后上面會顯示sublime,接下來就可以編寫代碼了,

首先寫出基本框架,以后無論怎么編寫代碼,基本框架是不變的!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

 4,建立一個div 并設立 寬,高,顏色,邊框,內(nèi)容在<body> </body>中間寫,標題在<title></title>編寫,樣式在<head></head>命令中的<style ></style>中間編寫!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

5,編寫完記得ctrl+s保存!打開你新建的網(wǎng)頁就可以看到效果了!

網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析

關于網(wǎng)頁開發(fā)中從接觸到編寫輸出一個DIV的示例分析就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI