html

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了泰安免費(fèi)建站歡迎大家使用!
head
title第一個(gè)html網(wǎng)頁(yè)/title
metacharset="utf-8"
/head
body
/body
/html
html
head
title第一個(gè)html網(wǎng)頁(yè)/title
metacharset="utf-8"
/head
body
table
tr
td第一行第一列/td
td第一行第二列/td
/tr
tr
td第二行第一列/td
td第二行第二列/td
/tr
/table
/body
/html
擴(kuò)展資料
HTML語(yǔ)言特點(diǎn)
1、HTML語(yǔ)法較弱。
在w3c制定的HTML5規(guī)范中,對(duì)于HTML5在語(yǔ)法結(jié)構(gòu)上的規(guī)格限制是較松散的,如、或在瀏覽器中具有同樣的功能,是不區(qū)分大小寫的。另外,也沒有嚴(yán)格要求每個(gè)控制標(biāo)記都要有相對(duì)應(yīng)的結(jié)束控制標(biāo)記。
2、HTML5編寫簡(jiǎn)單。
即使用戶沒有任何編程經(jīng)驗(yàn),也可以輕易使用HTML來設(shè)計(jì)網(wǎng)頁(yè),HTML5的使用只需將文本加上一些標(biāo)記(Tags)即可。
3、HTML標(biāo)記數(shù)目有限。
在w3C所建議使用的HTML5規(guī)范中,所有控制標(biāo)記都是固定的且數(shù)目是有限的。固定是指控制標(biāo)記的名稱固定不變,且每個(gè)控制標(biāo)記都已被定義過,其所提供的功能與相關(guān)屬性的設(shè)置都是固定的。
1、首先,在計(jì)算機(jī)桌面上創(chuàng)建一個(gè)新文件夾,然后在該文件夾中創(chuàng)建一個(gè)新的文本文檔。
2、然后雙擊打開帶有記事本的文本文檔,如下圖所示,我們編寫一個(gè)簡(jiǎn)單的html代碼。
3、單擊“另存為”的功能選項(xiàng),顯示默認(rèn)保存為編碼為ANSI。
4、我們將更改編碼和文件名,將其更改為如圖所示的圖像并保存。
5、然后返回到新創(chuàng)建的文件夾,發(fā)現(xiàn)有一個(gè)額外的html文件。
6、最后,使用瀏覽器打開html文件,效果如圖所示,簡(jiǎn)單的網(wǎng)頁(yè)被成功編寫。
1,打開記事本,并在其中輸入必要信息,完整代碼如下:
!DOCTYPE htmlhtmlhead meta charset="utf-8" title/title
bodyheaderimg src="molihua.jpg"width="412" height="291"/header article header h2茉莉花/h2 p作者:宋 · 劉克莊 /p /header hr/ p曾與瑤姬約。恍相逢、翠裳搖曳,珠韝聯(lián)絡(luò)。風(fēng)露青冥非人世,攬結(jié)玉龍驂鶴。
愛萬朵、千條纖弱。
禱祝花神憐惜取,問開時(shí)、晴雨須斟酌。枝上雪,莫消卻。
惱人匹似中狂藥。
憑危欄、燭光交映,樂聲遙作。身上春衫香薰透,看到參橫月落。
算茉莉、猶低一著。坐有緱山王郎子,倚玉簫、度曲難為酢。君不飲,鑄成錯(cuò)。/p h3清平樂/h3 p冰輪萬里。云卷天如洗。先向海山生大士。卻誕卯金之子。冰盆荔子堪嘗。膽瓶茉莉尤香。震旦人人炎熱,補(bǔ)陀夜夜清涼。/pdl dt《浣溪沙》/dt dd南國(guó)幽花比并香。直從初夏到秋涼/dd dt《鷓鴣天》/dt dd攜靚侶,泛輕航。棹歌驚起野鴛鴦/dd dt《真珠簾》/dtdd茉莉芰荷香,拍滿笙簫院。/dd
/dl/article footer2019.9.6/footer /body/html
啟動(dòng)瀏覽器運(yùn)行后,大家會(huì)發(fā)現(xiàn)界面并不美觀,文字看著也比較亂。
為了解決這個(gè)問題,可以在界面添加css規(guī)則,讓界面更好看,更標(biāo)準(zhǔn)化,將下面的代碼塊添加到記事本中,位置在head和head/也就是頭部之間:
style type="text/css"body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } /style
再次保存和預(yù)覽,是不是看著美觀多了
HTML代碼 是超文本標(biāo)記語(yǔ)言文本,可以用文本編輯器制作HTML代碼 ,這里以記事本為例。
1、右擊電腦桌面任意空白區(qū)域,在展開的菜單中點(diǎn)擊“新建”按鈕,然后點(diǎn)擊“文本文件”按鈕:
2、打開新建的文本文件,在里面輸入一些HTML基礎(chǔ)的代碼,然后同時(shí)按住鍵盤上的“Ctrl”鍵+“S”鍵將文件保存:
3、用鼠標(biāo)將文件選中,按下鍵盤上的“F2”鍵,然后將文件格式從“txt”改成“html”,這時(shí)一個(gè)簡(jiǎn)單的HTML代碼就制作好了:
現(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"
titleform表單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)頁(yè)是不是HTML5,主要看表頭
4.HTML5新增了很多新內(nèi)容,具體可以查看API,例如:在網(wǎng)頁(yè)中嵌套音頻/視頻文件的格式
網(wǎng)頁(yè)名稱:html5網(wǎng)頁(yè)制作代碼,HTML5網(wǎng)頁(yè)制作
鏈接URL:http://chinadenli.net/article26/dsesgjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、動(dòng)態(tài)網(wǎng)站、全網(wǎng)營(yíng)銷推廣、定制開發(fā)、移動(dòng)網(wǎng)站建設(shè)、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)