HTML5手機(jī)應(yīng)用的大優(yōu)勢(shì)就是可以在網(wǎng)頁上直接調(diào)試和修改。原先應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果,不斷地重復(fù)編碼、調(diào)試和運(yùn)行,這是首先得解決的一個(gè)問題。因此也有許多手機(jī)雜志客戶端是基于HTML5標(biāo)準(zhǔn),開發(fā)人員可以輕松調(diào)試修改。
編譯html網(wǎng)頁可以用windows自帶記事本直接編寫代碼,但是需要更改文件后綴,但是需要把.txt改為.html。
sublime這款軟件,其優(yōu)點(diǎn)就是比起記事本它可以自動(dòng)補(bǔ)全代碼,而且比較精簡軟件鏈接如下:
https://pan.baidu.com/s/1AHSdOSqL4OEF9-QFTdYJzQ
*初學(xué)者比較適合的一款軟件應(yīng)該是dreamweaver,因?yàn)槌鯇W(xué)者無非希望編寫錯(cuò)誤可以高亮,并且可以自動(dòng)補(bǔ)齊匹配.
https://pan.baidu.com/s/1wUcnG3dJVCO5cXAORmuxrQ
軟件簡易教程:1.先解壓文件
2.打開文件夾
3.找到dreaweaver.exe右鍵發(fā)送到桌面快捷方式
4.桌面打開點(diǎn)擊接受

5.進(jìn)入dreamweaver后點(diǎn)擊HTML
6.點(diǎn)擊代碼就會(huì)自動(dòng)顯示基本框架了
7.編寫后快捷鍵ctrl+s即可保存
這里先講一些基礎(chǔ)標(biāo)簽代碼:
1.html是一種超文本標(biāo)記語言(hypertext makrup language)因?yàn)樗梢詷?biāo)記標(biāo)簽處理文字以外的圖片.動(dòng)畫.視頻等,它是一種網(wǎng)頁標(biāo)記語言。編程語言有:c java c++ php
2.訪問網(wǎng)頁需要通過瀏覽器http協(xié)議向服務(wù)器發(fā)布請(qǐng)求,然后服務(wù)器做出響應(yīng)返出網(wǎng)頁,本地訪問不需要服務(wù)器處理
3.Chrome 谷歌瀏覽器【推薦】
4.編寫代碼需要成對(duì)以防忘記
5.基本結(jié)構(gòu)
<html>
<head>標(biāo)題 頭</head>標(biāo)題即為
<body>主體 內(nèi)容</body>
</html>
6.主體背景顏色<body bgclor="顏色">
7.標(biāo)題<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
數(shù)字越大字號(hào)越小,標(biāo)題獨(dú)占一行,變大變粗,自動(dòng)換行
<h2 align="center">標(biāo)題居中
<h2 align="left">標(biāo)題左對(duì)齊
<h2 align="right">標(biāo)題右對(duì)齊
7.換行<br/>
8.分割線<hr/>
9.段落<p></p>——自動(dòng)換行,行間距
10.預(yù)先格式化<pre>...</pre>
可預(yù)先在其中編輯調(diào)整好文本格式
11.字符格式<b>加粗</b>
<i>斜體<i/>
<u>下劃線</u>
<s>刪除線</s>
12.列表a.無序列表:沒有標(biāo)記序號(hào)只是有符合分開縱向排列 <ul type="circle"></ul>空心圓在前列表
<ul type="disc"></ul>實(shí)心圓
b.有序排列:有序號(hào)排列可以是數(shù)字,字母等
<ol type="1"></ol>數(shù)字排序
<ol type="a"></ol>字母排序
<ol type="A" start="2"></ol>大寫字母排序并且從B開始
13.di標(biāo)簽:三國
劉備
關(guān)羽
張飛
<dl>
<dt>三國</dt>
<dd>劉備</dd>
<dd>關(guān)羽</dd>
<dd>張飛</dd>
</dl> L:list T:title D:data
14.水平線hr:分割線
<hr width="100px大小" align="right右對(duì)齊" />
<hr width="70%比例" align="center"居中 />
15.字體:c:\windows\fonts
<font size="6">內(nèi)容</font>字號(hào)大
<font size="+6">內(nèi)容</font>字號(hào)更大
<font face="MS Serif, New York, serif">內(nèi)容</font>
字體樣式
16.圖像img標(biāo)簽:a.絕對(duì)路徑:<img src="圖片路徑"/>
b.相對(duì)路徑:.當(dāng)前目錄
<img src="./aa/bg_1.jpg"/>
..返回上一級(jí)目錄
<img src="../../images/bg_1.jpg"/>
行級(jí)標(biāo)簽,用來顯示圖片。
重要屬性有:src、title、alt、width、height、align。
src 圖片地址。
title 鼠標(biāo)懸浮在圖片上的文字。
alt 圖片找不到時(shí)要替換的文字。如果圖片資源使用的是外網(wǎng)資源,則不會(huì)顯示要替換的文字。如果使用的是本網(wǎng)站的資源(相對(duì)路徑給出),則找不到圖片時(shí)會(huì)顯示替換的文字,并保留圖片設(shè)置的寬高結(jié)構(gòu)。
align 圖片周圍文字的垂直對(duì)齊情況。常用的屬性值有:top(與圖片的頂部對(duì)齊)、middle(與圖片的中部對(duì)齊)、bottom(默認(rèn),與圖片的底部對(duì)齊)。
width 圖片的寬
height 圖片的高 (寬高兩個(gè)屬性只用一個(gè)會(huì)自動(dòng)等比縮放.)
<img src="/upload/otherpic41/o_ns.png" alt="圖片加載失敗。。。" title="The knife girl, kiss"/>
17.<a> 超鏈接標(biāo)簽(錨標(biāo)簽)
重要屬性有三個(gè):href、target、name
href 超鏈接地址:可以是Web上任意資源,包括圖片,網(wǎng)頁,樣式,腳本文件等。href="#"時(shí),表示被鏈接頁面就是當(dāng)前頁面。
target 文檔打開時(shí)要顯示的目標(biāo)位置,屬性值一般有:_blank(新窗口中打開)、_self(默認(rèn),在超鏈接所在的容器中打開)、_parent(在超鏈接的父容器中打開)、_top(整個(gè)容器中打開)、name(框架名稱)。
name 錨記名稱。作用:跳轉(zhuǎn)到文檔的某個(gè)地方。返回首頁。
錨點(diǎn)<a name="">
<h2 id=""><a id="">...</a></h2>
a:id或name屬性
H.P:只能用id
跳轉(zhuǎn)網(wǎng)頁
<a href="http://baidu.com" target="_blank">百度</a>
錨點(diǎn)
<a href="#aa">1</a>
<a name="aa">內(nèi)容</a>
19.特殊字符: 小于號(hào)&it 空格??
20.meta標(biāo)簽:a.競(jìng)價(jià)排名
b.seo搜索引擎優(yōu)化
<meta name="description" content="內(nèi)容"/>
<meta name="Keywords" content="內(nèi)容"/>
c.refresh刷新一段時(shí)間后訪問另一個(gè)網(wǎng)址
<meta http-equiv="refresh" content="時(shí)間;url=網(wǎng)址"/>
d.字符集utf-8 、gbk 、gb2312
<meta charset="UTF-8">顯示中文
附上簡單的代碼:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</title>
</head>
<body>
鐘揚(yáng)——植物學(xué)家,<p align="center">復(fù)旦大學(xué)教授</p>,在生命的最后16年,扎根青藏高原,帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子,盤點(diǎn)了世界屋脊的生物“家底”。鐘揚(yáng)——植物學(xué)家,復(fù)旦大學(xué)教授,在生命的最后16年,扎根青藏高原,帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子,盤點(diǎn)了世界屋脊的生物“家底”。<p >鐘揚(yáng)——植物學(xué)家,復(fù)旦大學(xué)教授,在生命的最后16年,扎根青藏高原,帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子,盤點(diǎn)了世界屋脊的生物“家底”。鐘揚(yáng)——植物學(xué)家,復(fù)旦大學(xué)教授,在生命的最后16年,扎根青藏高原,帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子,盤點(diǎn)了世界屋脊的生物“家底”。</p>
鐘揚(yáng)——植物學(xué)家,復(fù)旦大學(xué)教授,在生命的最后16年,扎根青藏高原,<br/>帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子,盤點(diǎn)了世界屋脊的生物“家底”。鐘揚(yáng)——植物學(xué)家,復(fù)旦大學(xué)教授,在生命的最后16年,扎根青藏高原,帶領(lǐng)團(tuán)隊(duì)收集4000萬顆種子,盤點(diǎn)了世界屋脊的生物“家底”。<br/>
鵝鵝鵝,<br/>
曲項(xiàng)向天歌。<br/>
白毛浮綠水,<br/>
紅掌撥清波。<br/>
<pre>
鵝 鵝鵝,
曲項(xiàng)向天歌。
白毛浮綠水,
紅掌撥清波。
</pre>
<b>紅</b><i>掌</i><u>撥</u><s>清</s>波<br/>
<hr/>
<hr width="50%" align="right">
三國
<ul>
<li>劉備</li>
<li>關(guān)羽</li>
<li>張飛</li>
</ul>
<ol type="a" start="0">
<li>劉備</li>
<li>關(guān)羽</li>
<li>張飛</li>
</ol>
<dl>
<dt>三國</dt>
<dd>劉備</dd>
<dd>關(guān)羽</dd>
<dd>張飛</dd>
<dt>西游記</dt>
<dd>悟空</dd>
<dd>八戒</dd>
</dl>
<font>曲項(xiàng)向天歌</font>
</body>
</html>
效果如下圖:
學(xué)習(xí)總結(jié):很多代碼需要和英語相結(jié)合記憶,更重要的是要遇到問題及時(shí)解決,多加練習(xí)才能加深記憶熟能生巧,不懂的代碼應(yīng)該先打出來對(duì)比觀察
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前名稱:真正零基礎(chǔ)學(xué)習(xí)HTML(一)-創(chuàng)新互聯(lián)
地址分享:http://chinadenli.net/article24/diipje.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、網(wǎng)站維護(hù)、網(wǎng)站改版、關(guān)鍵詞優(yōu)化、用戶體驗(yàn)、微信小程序
聲明:本網(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)
猜你還喜歡下面的內(nèi)容