整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
天我親手創建了一個網頁。首先，打開一個文本文檔并將其重命名為“myweb”。然后，在文件中添加以下內容：<html> <head> <title>My First Webpage</title> </head> <body> <h1>My First Webpage</h1> </body> </html>
這樣，你就成功地創建了一個靜態網頁，地址為本地。右鍵點擊文件，選擇“打開方式”，選擇“記事本”，然后在文件中添加以下代碼：<h1>Dog typehtml</h1>
這是一個HTML5的標簽，它包含了HTML聲明和標簽的功能。網頁的主體部分只有一個標簽，即HTML標簽，它是一個雙標簽，包含一個開始標簽和一個結束標簽，內部包含一個標題和網頁內容。在網頁的主體部分中，可以設置樣式、參數、標題等。
網頁的主體部分是由HTML標簽包裹的，這是一個雙標簽，包括開始標簽和結束標簽。大美麗的網頁，保存并刷新。大美麗網頁的開頭部分已經添加完成，網頁的主體部分位于標題下方，即文章下方的部分，都是網頁的主體部分。我的第一個網頁就這樣完成了，非常有趣。保存并刷新網頁。我的第一個網頁只是一個簡單的靜態網頁，如果需要添加更多功能，可以使用網頁開發工具進行操作。
在網頁中添加一個生日祝福的內容。在王翰的文章中添加一個標題，標題為“生日祝福”。這也是一個雙標簽，包括開始標簽和結束標簽。保存并刷新網頁。
在大美麗網頁中添加一個圖片。這是一個單標簽，只有一個標簽，沒有結束標簽。在百度中搜索一張圖片，并將其地址復制下來。使用快捷鍵Ctrl + C，然后使用快捷鍵Ctrl + V將圖片添加到網頁中。保存并刷新網頁，你會看到圖片已經顯示在網頁中。
在網頁中添加一段文字和圖片，使它們位于同一行。使用行內標簽“span”，使文字不會換行。保存并刷新網頁。
這就是我今天做的第一個網頁，非常簡單。通過創建一個文本文檔并添加一些簡單的內容，就可以創建一個簡單的靜態網頁。使用記事本打開文件會自動顯示代碼提示，按一個Tap縮進一行，就可以添加更多的標簽和內容。行內標簽可以嵌套在塊標簽中，但塊標簽不能嵌套在行內標簽中。
使用color屬性將其設置為藍色，保存并刷新頁面，即可獲得相應的代碼提示。只需輸入color，即可獲得相應的提示，而無需輸入c。這樣的代碼更加易讀。今天的任務已經完成，可以回顧一下今天的重點。了解了h天貓無網頁的特性，只能包含一個h天命標簽，且只能包含一個焊的body。
還學習了雙標簽和單標簽的概念。雙標簽是指有頭有尾的標簽，如html hand。單標簽則只有一個標簽，例如一妹子。此外，還了解了行內標簽和塊標簽的區別。請自行查看相關內容。為標簽定義樣式時，可以使用style屬性。然后在其中添加顏色、字體等樣式信息即可。對于圖片標簽，請注意使用其 src 屬性來指定圖片路徑。今天的學習就到這里了，再見。
多學員在學習的過程中都遇到過這樣的問題：為什么老師講的我都能聽懂，然而做起來卻總是諸多問題？千鋒重慶校區老師告訴你，其實這是正常現象，誰也不能幾天就成為大師，你的實踐還太少了！練習多了，經驗多了，靜態網頁自然也就手到擒來。
靜態的網頁其實就是由兩部分組成，一個是底層結構HTML，另外一個就是負責修飾結構的CSS。其實書寫靜態網頁就像小時候過家家，首先得把需要的家庭成員找齊了，即首先考慮要做一個什么樣的網站，例如一個綜合類網站包括：搜索框、導航、文章類別模塊、文章標題以及一部分廣告板塊；一個博客主頁包括：導航、文章縮略、文章搜索、文章導航以及沒有顯示但可能會有的評論區。
寫頁面的時候是有劇本的，這個劇本指網頁設計圖，或者某個現有網頁，建議大家在模仿網上現有網頁的時候利用瀏覽器自帶的截圖功能，把整個完整的頁面截取下來，QQ瀏覽器，360瀏覽器都可以做到。這樣的優點在于可以利用PS自己一步步測量數據、切圖都做到親力親為，并且做到了頁面數據的精準度，而不是隨意的給數據，或者是利用瀏覽器的F12功能查看原網頁的數據。
按照設計好的劇本接著就可以找對應的成員了，例如百度網頁從上往下分為導航頭部、中間logo和表單、尾部二維碼和文字，相對來說頁面的整體布局是比較簡單的，當然還有很多不同類型的頁面，布局要復雜一些。
當看到一個網頁時，需要在腦海當中對頁面進行一個簡單的掃描，如果把頁面當成一張紙，要怎么樣從大到小一點點分割。當有了初步的認識之后，就可以把這些東西轉化成HTML結構，所有不同顏色的框框在寫的時候用的都是DIV。
從上往下，從大到小一點點先把某個模塊以不同的顏色色塊利用代碼堆積出來。保證大的模塊布局沒問題之后，在往里面放一些小的東西，比如圖片img、表單form input、文字、超鏈接a、列表ul li，這時候簡單的頁面結構就出來了。
接下來要把寫好的結構進行美化，不然頁面就會一團亂麻，沒有美感，而網頁當中潤色部分是用CSS來做的。這個環節需要更加細心，例如百度首頁導航紅色框整體在綠色框的右邊，需要給紅色框添加float：right；紅色框里面文字的字號大小，字體，字體顏色，水平間距，垂直間距都需要一點點寫。如果在寫的過程中遇見了問題，可以借助Chrome瀏覽器的調試功能，哪里錯了用箭頭點哪里，結構看左邊，CSS看右邊，看看CSS屬性有沒有顯示，有沒有劃掉，有沒有黃色報錯等等。
在做頁面時，需要大量的練習，才可以熟能生巧。一個頁面寫完之后，總結一下這個頁面在書寫過程中遇到了哪些問題，是怎么解決的，為什么這樣解決，深入思考這個模塊的這個效果可不可以用其他的方法來實現，以做到舉一反三。
千鋒重慶HTML5大前端培訓，配合實戰項目講解網站頁面布局，讓你從容應對HTML、CSS的學習，基礎打好了，才能更有信心面對之后的挑戰。
提條件：
電腦有至少一個瀏覽器
1.創建txt文件
右鍵桌面空白處選擇新建txt文件
2.在搜索引擎中搜索HTML入門
將圖中的模板文件內容復制到TXT文件中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>hello world!</p>
</body>
</html>
3.將文件后綴“txt”改為“html”使用瀏覽器打開（如果有瀏覽器那么直接雙擊打開即可）
4.第一個簡單的HTML網頁就成功了
5.以下是簡單的一些網頁標簽元素
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
