剛接觸HTML5應該先學哪裡才好?

来源:https://www.cnblogs.com/qdwl/archive/2019/07/09/11158795.html
-Advertisement-
Play Games

好吧,話不多說,直接來點乾貨吧! 剛接觸html的小白都感覺摸不著頭腦?應該怎麼學習呢,其實HTML5可能對於還沒有接觸過的小白來說會比較的難,聽起來也比較新穎。這是個什麼騷東西!其實不然,這個就是構成咱們上網網站的基本結構代碼。網頁的呈現就是用這個搭建的框架結構。這下小白聽了可能感覺這個東西牛呀我 ...


好吧,話不多說,直接來點乾貨吧!

剛接觸html的小白都感覺摸不著頭腦?應該怎麼學習呢,其實HTML5可能對於還沒有接觸過的小白來說會比較的難,聽起來也比較新穎。這是個什麼騷東西!其實不然,這個就是構成咱們上網網站的基本結構代碼。網頁的呈現就是用這個搭建的框架結構。這下小白聽了可能感覺這個東西牛呀我要是會寫的話那還是很炫的嘛,但其實真真入門的這個知識基礎,俗話說的:外行看熱鬧,內行看門道!

我這裡這麼說不是想讓你們感覺學起來很難,只是想說這個是最基礎的,也是最好學的。主要第一點就是要看你的邏輯思維能力怎麼樣,我個人覺得邏輯清晰,其他的就是水到渠成的事情了。你只需要記住相應的標簽屬性,熟悉標簽屬性,知道什麼時候該用什麼代碼。技巧在於多練習多做就好了慢慢你看到一個網頁有毛病的時候,基本就可以知道哪裡是哪裡了!

寫代碼的時候第一個就是一定要規範書寫

寫代碼是一件很嚴謹的事情,前期看例題看案例等這些,其實都是些簡單的,你寫起來代碼量不多,即便是錯了。你也好更改好找。但是如果後期代碼量一上來。都是幾百行幾百行的那個時候你可能只是錯了一個標點符號都是讓你一個頭兩個大!所以從一開始書寫規範很重要!這裡可以推薦一開始的時候先從框架寫起來,寫框架主要目的是讓你瞭解網頁的基本框架,這個也是代碼量最少的也是最容易理解的。所以這個一開始用記事本手寫代碼是最好的方法!這個有兩個好處,一個就是可以讓你更加深刻的記住網頁代碼,一個就是可以鍛煉你的代碼如何規範的寫出來!

並且不要糾結於HTML,XHTML,和HTML5應該先學那個後學那個,如果你一開始學習的時候就糾結這個會讓你很容易就亂掉了,XHTML和HTML5只是一種更加嚴謹的寫法而已,就這麼回事.可以理解為就是HTML的升級補丁版本而已。所以一開始的話就從html5學起來就可以了,然後其他的就都知道了。這個只是時間問題,因為代碼都一樣,很多都是想相通的,到後面自然而然就知道區別在哪裡了。

然後學完HTML5之後再去學習DIV加CSS3。那麼這兩樣怎麼學呢,以我的個人經驗來說呢。我學習的時候DIV是先從表格開始的,用Adobe的DW網頁編輯軟體寫,先是自己在草稿紙上畫一個框架出來,然後先佈局框架,這裡是讓你熟悉DIV的用法,都必須是成對出現的有一個開頭標簽就必然有一個結束標簽<div>******</div>。一個DIV就像是一個盒子一樣,可以在裡面裝很多的東西在裡面一樣!也可以讓盒子與盒子之間併列排布等等的。當然,等DIV學會以後就可以學習css3樣式表格了,這個就是一個美化你的網站佈局,讓你的網站看起來更漂亮!


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 先鋪墊下原型規則: 1.所有的引用類型(數組,對象,函數)都具有對象特性,可自由擴展屬性(出了null外) 2.所有的引用類型(數組,對象,函數)都有一個__proto__屬性(隱式原型),屬性值是一個對象 3.所有的函數都有一個prototype屬性(顯示原型),屬性值是一個對象 4.所有的引用類 ...
  • 好的代碼像粥一樣,都是用時間熬出來的。 概述 文件 I/O 是由簡單封裝的標準 POSIX 函數提供的。 通過 require('fs') 使用該模塊。 所有文件系統操作都具有同步和非同步的形式。 非同步的形式總是將完成回調作為其最後一個參數。 傳給完成回調的參數取決於具體方法,但第一個參數始終預留用於 ...
  • 問題現象 這個問題的現象說起來很簡單。 小程式頁面中有一篇很長的文章,內部有一個Echarts圖表,手指上下滑動觀看內容。 但是手指滑動區域在Echarts圖表上時,頁面卻不能滑動了。 如下圖: 追蹤問題原因 因為在小程式上渲染圖表用到的是 "echarts for weixin" 這個組件,而這個 ...
  • 編程式跳轉 router.js: ...
  • 簡介 觀察者模式又叫發佈 訂閱模式,它定義了對象間的一種一對多的關係,讓多個觀察者對象同時監聽某一個主題對象,當一個對象發生改變時,所有依賴於它的對象都將得到通知。 舉一個現實生活中的例子,例如小紅在淘寶的一家店裡看上了一雙紅色的鞋,小李也在這家店裡面看上了一頂黑色的帽子,但是聯繫賣家時,賣家回答這 ...
  • 文·原創/朱季謙 工作流是一個針對企業用戶、開發人員、系統管理員的輕量級工作流業務管理平臺,其核心是使用Java開發的快速、穩定的BPMN2.0流程引擎。在我們日常開發當中,例如oa系統里的請假功能,採購流程,以及訂單流程,等等,都會涉及到流程的開發,這裡面可以用工作流來進行開發,可以起到快速開發且 ...
  • 簡寫有兩條基本原則: 同名的屬性可以省略不寫 對象中的方法中的 : function 可以省略不寫 來看下下麵這個例子,我分別用ES5 和 ES6 的語法分別定義並聲明瞭一個簡單的學生對象: ES5: ES6: ...
  • 首先,該練習參考自:https://www.jianshu.com/p/2961d9c317a3 我就直接上代碼了(顏色可以自己調)。 HTML: CSS: green.css red.css blue.css JavaScript: ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...