用html做一個(gè)5個(gè)頁面的網(wǎng)頁(用html做一個(gè)5個(gè)頁面的網(wǎng)頁怎么做)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于用html做一個(gè)5個(gè)頁面的網(wǎng)頁的問題,以下是小編對(duì)此問題的歸納整理,讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè),服務(wù)客戶遍布全國,相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043,或微信:1454722008
本文目錄:
一、如何用HTML5制作網(wǎng)頁
現(xiàn)在以HBuilder工具編寫為例:
1. 打開此工具,在項(xiàng)目管理器中右鍵單擊創(chuàng)建一個(gè)web 項(xiàng)目
2.右鍵單擊項(xiàng)目名稱,新建一個(gè)HTML文件----form01.html
<!DOCTYPE html>
<!--
作者:offline
時(shí)間:2017-01-06
描述:form表單
在form標(biāo)簽中,有兩個(gè)經(jīng)常使用的屬性
action:表單提交服務(wù)器地址
method: 表單提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get(默認(rèn)的提交方式)
1.請(qǐng)求的參數(shù)放到地址欄中
2.不安全
3.存在緩存
4.傳輸數(shù)據(jù)的大小收到限制
提交方式----post
1.請(qǐng)求的參數(shù)放到http協(xié)議中
2.相對(duì)安全---賬號(hào)密碼等信息不會(huì)放到地址欄中
3.沒有緩存
4.傳輸數(shù)據(jù)的大小限制較小
修改成post之后,可能會(huì)出現(xiàn)錯(cuò)誤信息。
input標(biāo)簽:定義輸入字段,用戶可在其中輸入數(shù)據(jù)。
屬性:
type 指示 input標(biāo)簽的類型,默認(rèn)的是text
按鈕類型: 普通按鈕 button 重置按鈕 Reset 提交按鈕 submit
value 定義要顯示的文本。
-->
<html>
<head>
<meta charset="utf-8">
<title>form表單1</title>
</head>
<body>
<form action="" method="post">
<input type="text" name="username" value="zhangsan" />
<input type="submit" value="提交" />
</form>
</body>
</html>
3.查看此網(wǎng)頁是不是HTML5,主要看表頭
4.HTML5新增了很多新內(nèi)容,具體可以查看API,例如:在網(wǎng)頁中嵌套音頻/視頻文件的格式
二、網(wǎng)頁必需至少有五個(gè)完整的頁面(一個(gè)主頁+四個(gè)子頁),主頁名稱保存為index.html。
靜態(tài)網(wǎng)頁你去拿個(gè)Dreamweaver范例詳解,跟著做一次就可以了,很簡單,提前裝上ACCESS就行。
三、html怎么做網(wǎng)頁
第一步:
準(zhǔn)備一臺(tái)電腦(win7/10最好),在桌面新建一個(gè)文本文件如下圖(文件展示擴(kuò)展名請(qǐng)自行百度):
第二步:
打開此文件輸入如下內(nèi)容,如圖:
第三步:
關(guān)閉 編輯器,將此文件的擴(kuò)展名改為.html,保存如下圖:
第四:
雙擊index.html打開,出現(xiàn)如下效果就代表你的第一個(gè)html頁面制作成功啦!
是不是很簡單,但這只是最簡單的一個(gè)靜態(tài)頁面,我們平時(shí)訪問的網(wǎng)站要比這復(fù)雜的多。
四、html書寫一個(gè)基本頁面
1、新建html文檔,在html文檔中輸入網(wǎng)頁的基本元素,然后設(shè)置網(wǎng)頁的標(biāo)題為“測試頁面”:
2、在body標(biāo)簽中添加img標(biāo)簽,然后為這個(gè)標(biāo)簽添加“src”屬性,屬性值為“./scence.jpg”:
3、在img標(biāo)簽中嵌套一個(gè)a標(biāo)簽,為這個(gè)標(biāo)簽添加href屬性,屬性值為原題中的地址,這時(shí)點(diǎn)擊圖片將會(huì)導(dǎo)航到163官網(wǎng):
以上就是關(guān)于用html做一個(gè)5個(gè)頁面的網(wǎng)頁相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進(jìn)行咨詢,客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。
推薦閱讀:
用html做一個(gè)5個(gè)頁面的網(wǎng)頁(用html做一個(gè)5個(gè)頁面的網(wǎng)頁怎么做)
用html制作個(gè)人網(wǎng)頁(學(xué)生個(gè)人網(wǎng)頁制作html)
可以換軟件圖標(biāo)的app(可以換軟件圖標(biāo)的app蘋果)