剛接觸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
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...