2023-12-28 分類: 網站建設
前端工作都是從創建一個網頁文件開始的,一個最小的網頁文件應該總是包含一些東西。
聲明文檔類型<!doctype html>- HTML5。網頁標題<title></title>-標題。定義字符編碼<meta charset="utf-8">- UTF8。定義視口的寬度<meta name="viewport" content="width=device-width, initial-scale=1"> 針對移動設備進行優化并防止縮放或水平滾動。包含指向自定義 CSS 和 JavaScript 的鏈接css/style.css 樣式文件 和 js/scripts.js js文件。使用最新的 Internet Explorer 渲染模式(可選)<meta http-equiv="x-ua-compatible" content="ie=edge">-不是強制性的,但可能會有所幫助。index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>標題</title> <link rel="stylesheet" href="css/main.css" /> <link rel="icon" href="images/favicon.png" /> </head> <body> <script src="js/scripts.js"></script> </body></html>其中,head 主要包含,提供有關頁面的元信息標簽 <meta>,比如 針對搜索引擎 ,關鍵詞和描述及編碼類型等,網頁標題,css樣式文件。
一般建議,script 標簽寫在body 結束之前。
是不是很簡單,這是一個網頁的基本框架,要想制作一個內容豐富,漂亮的網頁,還需要學習很多知識。
需要重點學習的幾個點meta 標簽,這個標簽類型很多,可以參考這里以下:https://www.w3school.com.cn/tags/tag_meta.asp
https://www.haorooms.com/post/html_meta_ds
在HTML中使用css樣式的方法有:行內式、內嵌式、外聯式,而外聯式又分:鏈接式(link)和導入式(@import)script 腳本文件到此,你基本已經了解了如何制作一個網頁,建議能夠親手練習下,這樣加深理解。
接下來,我會大概講下,網頁如何布局并填充內容,感謝您的關注。
非常感謝您讀完創新互聯的這篇文章:"web前端制作網站和代碼(web前端網頁制作的代碼)",僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供:網站建設、網站制作、官網建設、SEO優化、小程序制作等服務,歡迎聯系我們提供您的需求。
文章題目:web前端制作網站和代碼(web前端網頁制作的代碼)
瀏覽路徑:http://m.newbst.com/news6/310756.html
成都網站建設公司_創新互聯,為您提供電子商務、商城網站、品牌網站建設、微信公眾號、營銷型網站建設、網站改版
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容