其實網頁制作html教程的問題并不復雜，但是又很多的朋友都不太了解網頁制作，因此呢，今天小編就來為大家分享網頁制作html教程的一些知識，希望可以幫助到大家，下面我們一起來看看這個問題的分析吧！
html如何制作網頁上欄
通過nav標簽或者是div標簽可以制作網頁上欄。
如何用dreamweaver做網頁html+css
用dreamweaver做網頁html+css方法如下：打開dreamweaver，點迥文件-新建-html文件設計面板-編輯文字，點擊代碼，html網頁代碼，點擊拆分，可以看到代碼和設計的區別選中文字或空白，布局-插入div標簽（布局后中間圖標）-新建css樣式根據設計就可以進行html+css制作網頁了
HTML網頁制作：[9]創建超鏈接的方法
1、其中，hello.html是主頁面，我將在其中做一個鏈接，讓他鏈接到另一個網www.html上。
2、先看hello.html的代碼<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>無標題文檔</title>
</head><body><ahref="www.html">鏈接</a></body></html>其中：<ahref="www.html">鏈接</a>在頁面上，將出現“鏈接”兩個字，點擊“鏈接”之后，將會跳轉到www.html的頁面
3、看下hello.html的效果圖
4、點擊上面的鏈接后，將會鏈接到www.html上，www.html的效果圖：
如何利用html制作網頁水平導航菜單
1、新建html頁面
打開html編輯軟件，新建一個html頁面。如圖：
2、添加導航標簽
在<body>標簽里新建一個<ul></ul>標簽，然后在<ul>標簽里添加幾個<li></li>標簽。如圖：
3、在<li>標簽內添加文字。
在新建的<li>添加要顯示的內容。如圖：
4、創建樣式標簽
在<title>標簽后新建一個<styletype="text/css"></style>標簽。
5、創建橫向導航的樣式
在<style>標簽里添加一個樣式類為：.navli{}，然后再.navli類中設置樣式背景顏色為紅色，浮動為左浮動，內邊框上下為8px左右為15px，列表屬性為none，字體顏色為白色。
樣式代碼為：
navli{background-color:red;padding:8px15px;float:left;list-style:none;color:#fff;}
6、引用樣式類。
在<ul>標簽內添加，就可以讓nav下的<li>標簽引用到設置好的樣式類。如圖：
7、查看效果。
把html文件保存后，使用瀏覽器打開即可看到橫向導航菜單效果。如圖：
如何使用html做app網頁
可以通過webview方式訪問遠程，也可以把html5頁面放在手機app端，本地方式進行訪問。但都離不開webview。HTML5現在現成的框架比較多，photogap,jquerymobile,bootstrap等都可以，如果功能簡單，也可以不使用框架，自己寫幾個html5頁面就行了。
如何制作HTML文件
HTML文件制作方法如下：
一，打開簡單的文本編輯器。NotePad是不錯的選擇，而且可以免費下載。大部分文本編輯軟件都能編寫HTML，不過，復雜的軟件有自動格式功能，比較難組織HTML頁面。
不建議使用TextEdit，它經常將文件保存成無法被瀏覽器識別為HTML的格式。
你也可以用在線HTML編輯器。不建議初學者使用專業的HTML編輯程序。
二，將文件保存為網頁。在上方菜單中，選擇文件（File），點擊另存為（SaveAs）。
將文件格式改成“網頁”（WebPage）、“.html”或“.htm”，存在容易找到的位置。
上面三個選擇是一樣的，沒有差別。
三，用網頁瀏覽器打開文件，雙擊文件，它應該會自動在瀏覽器打開，但現在還只是個空白網頁。
你也可以先打開瀏覽器，例如Firefox或InternetExplorer，再從文件（File）標簽中，點擊
打開文件（OpenFile），然后選擇文件。
這個網頁并不在網上，只能在你的電腦上看到。
四，更新網頁，查看已保存的更改。將<strong>Hello</strong>輸入空白的文件。
更新瀏覽器上的空白網頁，你應該可以看到網頁上方有個加粗的“Hello”字眼。在本教程中，你隨時可以測試新的HTML。只要保存.html文件，然后更新瀏覽器窗口，就能看到瀏覽器如何詮釋HTML。
瀏覽器出現“<strong>”和“</strong>”字眼，代表你的文件并未被正確詮釋為HTML。換個不同的文本編輯程序或瀏覽器。
五，了解標簽。HTML的指示寫在標簽之間，告訴瀏覽器要如何詮釋及呈現網頁。
標簽被尖括號<>括起來，網頁上看不到。你在上面的例子中已經用到它們了：<strong>是“首標簽”，或“起始標簽”。
寫在這個標簽后的內容被定義為“重點強調的文本”（通常在網頁上以粗體顯示）。
</strong>是“尾標簽”，或“結束標簽”。尾標簽有多一條斜杠“/”，表示重點強調的文本就此結束。
大部分標簽都需要尾標簽，才能起作用，所以別忘了它。
六，構建文檔。刪除HTML文檔里的所有東西。一字不變地輸入以下文本，重新開始（忽略小圓點）。
這個HTML代碼告訴瀏覽器你使用哪一版HTML，網頁所有內容都在<html>和</html>標簽之間。
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
</html>
七，添加head和body標簽。HTML文檔分為2個部分。“Head”部分是特別信息，例如網頁標題。“Body”部分則包括網頁內容。
將這兩個標簽放進文檔，別忘了尾標簽。粗體字為新添加的文本。
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
</body>
</html>
八，取個標題。對初學者來說，head部分的標簽大多不重要。
不過，標題標簽方便使用，而且決定了瀏覽器窗口，或選項卡上顯示的名稱。在head標簽的首標簽和尾標簽之間，寫下你喜歡的標題：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>我的第一個HTML網頁。</title>
</head>
<body>
</body>
</html>
擴展資料：
HTML添加鏈接和圖片方法：
一，了解特性（attributes）。你可以在每個標簽里，寫上詳細信息。這些信息被稱為“特性”，是標簽里的額外描述信息，格式為特性名字="特定值"。任何HTML標簽都可以有個標題特性：
<ptitle="Introduction">在這里寫一段介紹。
</p>給這個段落取個標題叫“Introduction”，當你把滑鼠滑到網頁上的這一段文字時，標題就會出現。
二，連接到另一個網頁。用<a></a>標簽創建超鏈接，連接另一個網頁。用href特性插入你要連接的網頁地址。
下面的例子連接到你現在閱讀的網頁：
<a>網站訪客可以點擊這里的文本，隨著鏈接進入wikihow網頁。</a>
三，給標簽添加id特性。任何HTML都能用的另一個特性是“id”元素。
在任何一個標簽里，寫下id="example"，或輸入沒有空格的名稱。現在，它還沒有明顯的作用，但我們會在下一步用到它。
舉個例子，在文檔里輸入<pid="example">本段落將作為示例，展示id特性的作用。</p>
四，連接到有特定id的元素。現在，我們可以用超鏈接標簽<a></a>，連接到同一網頁的另一個目的地。
我們用#符號代替網址，然后輸入要連接的id值。比如說，<ahref="#example">這個文本將被連接到id為"example"的段落。</a>
所有HTML值都不分大小寫。不管是"#EXAMPLE"，還是"#example"，都會連接到同一個目的地。
如果網頁太短，一次就能顯示全部內容，那么點擊瀏覽器里的鏈接時，可能看不到它的作用。調整窗口大小，直到滾動條出現，然后再試一次。
五，添加圖片。<img>標簽是個空標簽，也就是說不需要尾標簽。用特性添加顯示圖片所需的全部信息。以下例子將顯示wikiHow的標志，每個特性后面都有詳細的描述。
<imgsrc="http://pad2.whstatic.com/skins/owl/images/wikihow_logo.png"alt="wikiHowlogo">
src=""特性說明圖片的所在位置（一般而言，顯示他人網站上的圖片是無禮的行為，而且如果有關網站下線了，圖片也會跟著消失）。
特性有很多用途，最重要的還是以像素為單位，設置圖片的寬度和高度。你也可以分開使用width=""（寬度），和height=""（高度）特性。但是，如果你之后用CSS，圖片大小會變得很奇怪。)
alt=""特性是圖片的簡要描述，如果圖片加載失敗，用戶就會看到這行替代文字。它被視為必要的信息，因為盲人正是靠屏幕閱讀器，讀出這些信息，來了解圖片內容。
OK，本文到此結束，希望對大家有所幫助。
