端工作都是從創建一個網頁文件開始的,一個最小的網頁文件應該總是包含一些東西。
<!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 結束之前。
是不是很簡單,這是一個網頁的基本框架,要想制作一個內容豐富,漂亮的網頁,還需要學習很多知識。
https://www.w3school.com.cn/tags/tag_meta.asp
https://www.haorooms.com/post/html_meta_ds
到此,你基本已經了解了如何制作一個網頁,建議能夠親手練習下,這樣加深理解。
接下來,我會大概講下,網頁如何布局并填充內容,感謝您的關注。
頻地址:
HTML網頁設計零基礎入門教程(一),兩分鐘學會設計第一個網頁。
文案:
大家好,我是老K。一個碼齡超過10年的程序員。從今天起,我會給大家介紹,Web網站開發的最基本語言:HTML。本期視頻給大家介紹怎么編寫第一個網頁。什么是HTML呢?HTML就是超文本標記語言,用來標記通過互聯網傳輸的網頁的格式。用HTML標記的網頁是靜態網頁,后綴名一般是.html或.htm。靜態網頁制作完成以后,其內容不會變化。如果要修改內容,必須修改源文件。
HTML用各種元素組織文檔,用一對尖括號標記元素的開始和結束。兩個尖括號里面的表示元素的內容。例如:<title>人工智能</title>,表示網頁的標題是,人工智能。所有的,web,設計語言都以HTML為基礎。編寫HTML,很簡單。使用windows自帶的,記事本,就可以編寫。首先,創建一個文本文檔。用記事本打開文檔,輸入HTML代碼。我們先來看一下效果,稍后我會詳細介紹源文件的內容。保存以后,關閉記事本。重命名文本文件,把后綴名改為html。用瀏覽器打開網頁,就看到效果了。
我們來看源文件。
第一個元素,HTML,是頂級元素。所有的元素都包含在它里面。
第二個元素,head,表示文檔的頭部信息。
第三個元素,title,是head的子元素,表示網頁的標題.
第四個元素,body,是網頁的主體部分。
body,元素的內容是一句文本:世界,你好。
好了,這就是本期視頻的內容。謝謝觀看!再見!
源文件:
<html>
<head>
<title>This is the fisrt page</title>
</head>
<body>
Hello, world!
</body>
</html>
Cascading Style Sheets(層疊樣式表),簡稱 CSS,是前端開發中不可或缺的一部分。它為網頁提供了美觀和一致的外觀,同時也為用戶提供了更好的用戶體驗。本文將引導你從 CSS 的基礎入門到精通,幫助你成為一名優秀的前端開發者。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。