web前端制作網(wǎng)站和代碼(web前端網(wǎng)頁制作的代碼)

2023-12-28    分類: 網(wǎng)站建設(shè)

前端工作都是從創(chuàng)建一個網(wǎng)頁文件開始的,一個最小的網(wǎng)頁文件應(yīng)該總是包含一些東西。

聲明文檔類型<!doctype html>- HTML5。網(wǎng)頁標題<title></title>-標題。定義字符編碼<meta charset="utf-8">- UTF8。定義視口的寬度<meta name="viewport" content="width=device-width, initial-scale=1"> 針對移動設(shè)備進行優(yōu)化并防止縮放或水平滾動。包含指向自定義 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 主要包含,提供有關(guān)頁面的元信息標簽 <meta>,比如 針對搜索引擎 ,關(guān)鍵詞和描述及編碼類型等,網(wǎng)頁標題,css樣式文件。

一般建議,script 標簽寫在body 結(jié)束之前。

是不是很簡單,這是一個網(wǎng)頁的基本框架,要想制作一個內(nèi)容豐富,漂亮的網(wǎng)頁,還需要學習很多知識。

需要重點學習的幾個點meta 標簽,這個標簽類型很多,可以參考這里以下:

https://www.w3school.com.cn/tags/tag_meta.asp

https://www.haorooms.com/post/html_meta_ds

在HTML中使用css樣式的方法有:行內(nèi)式、內(nèi)嵌式、外聯(lián)式,而外聯(lián)式又分:鏈接式(link)和導入式(@import)script 腳本文件

到此,你基本已經(jīng)了解了如何制作一個網(wǎng)頁,建議能夠親手練習下,這樣加深理解。

接下來,我會大概講下,網(wǎng)頁如何布局并填充內(nèi)容,感謝您的關(guān)注。

非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章:"web前端制作網(wǎng)站和代碼(web前端網(wǎng)頁制作的代碼)",僅為提供更多信息供用戶參考使用或為學習交流的方便。我們公司提供:網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù),歡迎聯(lián)系我們提供您的需求。

文章題目:web前端制作網(wǎng)站和代碼(web前端網(wǎng)頁制作的代碼)
瀏覽路徑:http://muchs.cn/news6/310756.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)商城網(wǎng)站、品牌網(wǎng)站建設(shè)微信公眾號、營銷型網(wǎng)站建設(shè)網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站