整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端入門-先從制作一個簡單的html5網頁開始

          端工作都是從創建一個網頁文件開始的,一個最小的網頁文件應該總是包含一些東西。

          聲明文檔類型

          • <!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 腳本文件

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

          接下來,我會大概講下,網頁如何布局并填充內容,感謝您的關注。

          頻地址:

          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>

          入門到精通:掌握 CSS 的全程指南

          Cascading Style Sheets(層疊樣式表),簡稱 CSS,是前端開發中不可或缺的一部分。它為網頁提供了美觀和一致的外觀,同時也為用戶提供了更好的用戶體驗。本文將引導你從 CSS 的基礎入門到精通,幫助你成為一名優秀的前端開發者。

          CSS 基礎入門

          1. 什么是 CSS?

          主站蜘蛛池模板: 亚洲AV无一区二区三区久久| 日韩精品一区二区三区中文| 香蕉久久av一区二区三区| 在线不卡一区二区三区日韩| 国产成人精品一区二区A片带套 | 亚洲av无码一区二区三区乱子伦| 亚洲色精品aⅴ一区区三区| 亚洲国产日韩一区高清在线| 亚洲视频一区网站| 午夜影院一区二区| 国产熟女一区二区三区五月婷| 日韩视频在线观看一区二区 | 一区二区在线播放视频| 人妻夜夜爽天天爽爽一区| 国产精品综合一区二区| 亚洲成AV人片一区二区密柚| 激情无码亚洲一区二区三区| 亚洲一区二区三区香蕉| 国产SUV精品一区二区88| 久久久国产精品一区二区18禁| 人妻精品无码一区二区三区 | 麻豆视频一区二区三区| 亚洲AV综合色区无码一区爱AV| 日本高清一区二区三区| 综合久久一区二区三区 | 久久一区二区三区免费| 亚洲av永久无码一区二区三区| 国产精品日韩一区二区三区| 婷婷国产成人精品一区二| 亲子乱av一区区三区40岁| 久久精品岛国av一区二区无码| jizz免费一区二区三区| 国产精品久久久久一区二区三区| 久久精品一区二区三区日韩| 四虎永久在线精品免费一区二区| 亚洲AV成人一区二区三区观看| 亚洲综合色一区二区三区小说| 亚洲av区一区二区三| 波多野结衣一区二区三区高清在线| 老熟妇高潮一区二区三区| 少妇无码一区二区二三区|