Ⅰ 有html基礎，學H5容易么
會比那些初學者學起來更容易一些。HTML入門基本內容，CSS+DIV的基礎知識，選擇器，盒子模型，網頁布局，Photoshop在這些基礎上，再去學習JavaScript基礎，BOM和DOM模型，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB等等。通過一些相關的書籍和網上的一些干貨，相信你也能很快掌握這門技術。H5作為最新的一個版本，時代也同樣需要能掌握它的人才。
所以，在有一定的基礎同時，不斷開拓自己的能力也是極好的。
Ⅱ 關於H5頁面 製作怎麼自己寫代碼
創建作品
登陸VXPLO互動大師網站，進入「我的作品」頁面。點擊創建作品，創建一個手機案例或PC案例。
添加素材
1、 工具欄中選中圖片工具，在白色舞台里拖曳出一個對象框，確定圖片大小與位置，便可添加素材，例如下圖添加了一個唇印的圖片。
2、 你還可以添加其他素材，例如文字、視頻、音頻等。
3、 對象樹中也會出現唇印這個素材，我們可以通過對象樹比較方便地管理素材。
添加事件
1、 在素材下添加事件，如下圖，觸發條件是點擊，目標對象是唇印圖片，目標動作是振動，時間為1秒。
2、 保存作品，點擊菜單欄的預覽按鈕，或用手機掃描預覽二維碼，就可以觀看效果了，點擊唇印圖片的時候，唇印就會振動。
如此三步就可以完成一個簡單的H5頁面動態效果。當然，VXPLO互動大師還可以製作非常有趣復雜的效果，配合計數器、時間軸、滑動時間軸、動效等組件來使用，可以製作更多酷炫的H5頁面哦！
Ⅲ 如何用H5代碼寫這張網頁！求大神解
H5一般代指移動端那種動畫廣告網頁，你這種是網站，用於pc端瀏覽的。
如果你是需要寫代碼實現的話，要學習，HTML，css，這些基礎，了解網頁的布局和前端的樣式；
但如果你只是想實現這個網頁的效果，使用epub360或coolsite360都可以 可視化的製作出來，完全不需要代碼，像ppt一樣製作H5網頁。
Ⅳ 程序員必須知道的HTML常用代碼有哪些
html+css代碼
文本設置
1、font-size: 字型大小參數
2、font-style: 字體格式
3、font-weight: 字體粗細
4、顏色屬性
color: 參數
注意使用網頁安全色
超鏈接設置
text-decoration: 參數
主要用途是改變瀏覽器顯示文字鏈接時的下劃線。
參數取值范圍：
underline：為文字加下劃線
overline：為文字加上劃線
line-through：為文字加刪除線
blink：使文字閃爍
none：不顯示上述任何效果
背景
1、背景顏色
background-color: 參數
2、背景圖片
background-image: url(URL)
URL就是背景圖片的存放路徑，none表示無。
3、背景圖片重復
background-repeat: 參數
參數取值范圍 ：
no-repeat：不重復平鋪背景圖片
repeat-x：使圖片只在水平方向上平鋪
repeat-y：使圖片只在垂直方向上平鋪
如果不指定背景圖片重復屬性，瀏覽器默認的是背景圖片向水平、垂直兩個方向上平鋪。
4、背景圖片固定
背景圖片固定控制背景圖片是否隨網頁的滾動而滾動。如果不設置背景圖片固定屬性，瀏覽器默認背景圖片隨網頁的滾動而滾動。為了避免過於花哨的背景圖片在滾動時轉移瀏覽者的注意力，一般都設為固定
background-attachment: 參數
參數取值范圍：
fixed：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，固定不動
scroll：網頁滾動時，背景圖片相對於瀏覽器的窗口而言，一起滾動
區塊
1、單詞間距
word-spacing: 間隔距離
2、字母間距
letter-spacing: 字母間距
3、文本對齊
text-align: 參數
參數的取值：
left：左對齊
right：右對齊
center：居中對齊
justify：相對左右對齊
4、垂直對齊
vertical-align: 參數
top：頂對齊
bottom：底對齊
text-top：相對文本頂對齊
text-bottom：相對文本底對齊
baseline：基準線對齊
middle：中心對齊
sub：以下標的形式顯示
super：以上標的形式顯示
5、文本縮進
text-indent: 縮進距離
12px相當於一個文字距離
6、空格
white-space: 參數
normal 正常
pre 保留
nowrap 不換行
7、顯示樣式
display: 參數
參數取值范圍：
block：塊級元素，在對象前後都換行
inline：在對象前後都不換行
list-item：在對象前後都換行，增加了項目符號
none：無顯示
方框
1、height 高度
2、width 寬度
3、padding 內邊距
4、margin 外邊距
5、float（浮動）：可以讓塊級元素在一行中排列，例如橫向菜單。
6、clear 清除浮動
邊框
1、樣式
border style 參數
邊框樣式的參數：
none：無邊框
dotted：邊框為點線
dashed：邊框為長短線
solid：邊框為實線
double：邊框為雙線
2、寬度
border width 參數
3、顏色
border color 參數
列表
list-style-type 列表樣式
不同瀏覽器的列表符可能不相同，可能會影響到網頁，所以網頁中的列表大多都是由背景圖片顯示。
控制用戶界面的樣式
滑鼠
cursor：滑鼠形狀參數
CSS滑鼠形狀參數表：
滑鼠形狀：CSS代碼
style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text" 文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭頭形：
style="cursor:help" 問號形
style="cursor:e-resize" 右箭頭形
style="cursor:n-resize" 上箭頭形
style="cursor:nw-resize" 左上箭頭形
style="cursor:w-resize" 左箭頭形
style="cursor:s-resize" 下箭頭形
style="cursor:se-resize" 右下箭頭形
style="cursor:sw-resize" 左下箭頭形
HTML常用代碼之：結構性定義
文件類型<HTML></HTML> （放在檔案的開頭與結尾）
文件主題<TITLE></TITLE> （必須放在「文頭」區塊內）
文頭<HEAD></HEAD> （描述性資料，像是「主題」）
文體<BODY></BODY> （文件本體）
標題<H?></H?> （從1到6，有六層選擇）
標題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
區分<DIV></DIV>
區分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊<BLOCKQUOTE></BLOCKQUOTE> （通常會內縮）
強調<EM></EM> （通常會以斜體顯示）
特別強調<STRONG></STRONG> （通常會以加粗顯示）
引文<CITE></CITE> （通常會以斜體顯示）
碼<CODE></CODE> （顯示原始碼之用）
樣本<SAMP></SAMP>
鍵盤輸入<KBD></KBD>
變數<VAR></VAR>
定義<DFN></DFN> （有些瀏覽器不提供）
地址 <ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
與外觀相關的標簽（作者自訂的表現方式）
加粗<B></B>
斜體<I></I>
底線<U></U> （尚有些瀏覽器不提供）
刪除線<S></S> （尚有些瀏覽器不提供）
下標<SUB></SUB>
上標<SUP></SUP>
打字機體<TT></TT> （用單空格字型顯示）
預定格式<PRE></PRE> （保留文件中空格的大小）
預定格式的寬度<PRE WIDTH=?></PRE>（以字元計算）
向中看齊<CENTER></CENTER> （文字與圖片都可以）
閃耀<BLINK></BLINK> （有史以來最被嘲弄的標簽）
字體大小 <FONTSIZE=?></FONT>（從1到7）
改變字體大小 <FONTSIZE=+|-?></FONT>
基本字體大小 <BASEFONTSIZE=?> （從1到7; 內定為3）
字體顏色 <FONTCOLOR="#$$"></FONT>（$$為顏色代碼）
HTML常用代碼之：修改頁面的實用性HTML代碼
貼圖：<img src="圖片地址">
加入連接：<a href="所要連接的相關地址">寫上你想寫的字</a>
在新窗口打開連接：<a href="相關地址" target="_blank">寫上要寫的字</a>
移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>
字體加粗：<b>寫上你想寫的字</b>
字體斜體：<i>寫上你想寫的字</i>
字體下劃線: <u>寫上你想寫的字</u>
字體刪除線: <s>寫上你想寫的字</s>
字體加大: <big>寫上你想寫的字</big>
字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)
更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間
消除連接的下劃線：<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>
貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>
貼flash: <embed src="flash地址" width="寬度" height="高度">
貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
換行：<br>
段落：<p>段落</p>
原始文字樣式：<pre>正文</pre>
換帖子背景：<body background="背景圖片地址">
固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body bgproperties=fixed>
定製帖子背景顏色：<body bgcolor="#value">(value值見10)
帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>
貼網頁：<iframe. src="相關地址" width="寬度" height="高度"></iframe>
HTML常用代碼之：常常會遇到的問題
點擊關閉窗口
<a href="javascript.:top.window.close();">點擊關閉窗口</a>！
請問如何去掉主頁右面的滾動條？
<body scroll="no">
<body style="overflow-y:hidden">
如何做到讓一個網頁自動關閉.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>
如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=『『『『red『『『『>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>
請問如何讓網頁自動刷新？
在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒後自動刷新，你可以更改為任意值。
如何讓頁面自動刷新？
方法一，用refresh
HTML 代碼片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼，再按運行]
方法二，使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>
如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：
<style. type="text/css"> <!--
a { text-decoration: none}
--> </style>
請問如何去掉IE的上下滾動條？
<body style=『『『『overflow:scroll;overflow-y:hidden『『『『>
</body>
怎樣才能把RealPlayer文件在網頁做一個試聽連接？
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>
如何用html實現瀏覽器上後退按鈕的功能？
<a href="java script.:history.go(-1)">點擊後退</a>
或者
<script> history.back() </SCRIPT>
HTML常用代碼之：你不一定知道的技巧
ncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵
<table borderncontextmenu=return(false)><td>no</table> 可用於Table
<body nselectstart="return false"> 取消選取、防止復制
onpaste="return false" 不準粘貼
on="return false;" ncut="return false;" 防止復制
<link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標
<link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標
<inputstyle="ime-mode:disabled"> 關閉輸入法
永遠都會帶著框架
<script. language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁
// --></script>
防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
網頁將不能被另存為
<noscript><iframe.src=*.html></iframe></noscript>
查看網頁源代碼
<input type=button value=查看網頁源代碼
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">
刪除時確認
<a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>
屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!");//可以換成ALTCTRL
}
document.onkeydown=look;
</script>
網頁不會被緩存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">
怎樣讓表單沒有凹凸感？
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>
不要滾動條?
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉？更簡單了
<body scroll="no">
</body>
怎樣去掉圖片鏈接點擊後，圖片周圍的虛線？
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>
電子郵件處理提交表單
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>
在打開的子窗口刷新父窗口的代碼里如何寫？
window.opener.location.reload()
如何設定打開頁面的大小
<body nload="top.resizeTo(300,200);">
打開頁面的位置<bodynload="top.moveBy(300,200);">
在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
檢查一段字元串是否全由數字組成
<script. language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight
怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");
TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
日期減去天數等於第二個日期
<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>
選擇了哪一個Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>
腳本永不出錯
<SCRIPT. LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror = killErrors;// -->
</SCRIPT>
ENTER鍵可以讓游標移到下一個輸入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">
Ⅳ 在H5代碼里怎樣加備注 只是代碼里能看見得那種
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--注釋-->
</body>
</html>
請採納
Ⅵ 學習h5需要掌握哪些基礎知識
最基本的 html 的元素要熟知 並且能運用些， 做為新一代的 超文本語言 h5 換句話來說就是升級版的 html語言，其中增加了一些拓展功能的元素標簽 如;<article> /<section>/<hgroup> 等， 所以想要學好 基本的代碼知識得具備些
Ⅶ 用html的基礎知識做一個網頁代碼
這種樣式表就不單獨寫了直接放進去了！
<html>
<head><title>點歌超鏈接<title>
<style type="text/css">
a {
text-decoration:none; /*去除超鏈接的下劃線，要是想保留就把這行代碼刪除！*/
color:red; /*設置超鏈接原本的字體為紅色，也就是沒有訪問過的超鏈接字體顏色*/
}
a:active {
color:blue; /*被訪問過的超鏈接中字體的顏色為藍色*/
}
a:hover {
color:yello; /*滑鼠經過時候字體顏色變為黃色，不需要可以刪除這行代碼*/
}
</style>
</head>
<body>
<a href="在這里添加點歌表網頁連接地址" target="_blank">點歌</a>
</body>
</html>
Ⅷ 零基礎如何快速學會HTML語言代碼
我也是這兩天開始學的，不到三兩天就學會編寫一些內容了。其實很容易的，先找一個html的文件，用本文形式打開，你就會看見許多代碼，大概了解其結構。一般的結構為
<html>
<head>
題目
</head>
<body>
內容
</body>
</html>
多練習，多研究研究，一會就會啦！如有不懂，可上網搜「html語言代碼」就可以幫助你解系每個源代碼是什麼意思和作用了！學這東西需要耐心才學好的。
Ⅸ SEO優化：新手該怎麼快速學習html基礎代碼
首先是看html代碼
html代碼印象中第一步就是分析與觀看，第一步是一個熟悉的過程，我們通過第一步的看要了解到html代碼的組成部分，剛開始在學習超鏈接的時候就先分析超鏈接的前面是什麼字母，他需不需要在後面帶括弧，為什麼他的代碼中有一個等號，這就是看的步驟。
①學到html代碼的組成部分是什麼樣的。
②了解到html代碼的實際意義，一些英文字母的簡單組合，如果你會英文學習這個代碼更簡單。
③看見網頁代碼能夠快速的識別是什麼成分，比如標題tittle。
其次是記html代碼
學習html代碼最重要的一個過程就是記，首先我們要記html代碼最基本的網頁組成部分，比如說顏色如何表示、結構排序如何表示、超鏈接如何表示、關鍵詞與標題等等如何表示，而這些東西我們都必須將之記憶在大腦之中，通過記憶這個過程要讓自己的頭腦中有豐富的html代碼可以隨時利用。
①html代碼就是英文記憶法，其中的關鍵詞詞語就是英文單詞。
②小本記憶法。將不會的關鍵性詞語就寫在一個小本子上，沒有事情的時候就拿出來看和背。
③多看多記憶，如果你確實不會，就從頭開始，每天規定自己記憶多少內容，時間到了你的知識自然而然就豐富了起來，而剩下的最後一步就是實踐了。
最後是練html代碼
我們在記憶了很多html代碼之後就要學會利用這些代碼，我們可以在網上搜索html在線編輯工具，也可以下載一款免費的html編輯軟體，下載完成之後我們先打開一個小網站，將網站的網頁與網站先看一下，最後我們就要開始一步一步的練習了。
Ⅹ 怎麼才能快速記住代碼呢
編程代碼不是靠死記硬背的，編程最重要的是實戰，通過編寫程序來學習一門語言，最忌紙上談兵。
有了一定的編程基礎和項目經驗，才可掌握一門編程語言，其他的自然融會貫通。例如Java和C#，語法幾乎一致。
代碼敲久了自然就熟悉了，當然有一定的英語基礎更容易上手。