一篇介紹了網頁的基本結構,那如何編寫網頁的內容? 前提是要學會HTML標簽的用法,本篇主要介紹HTML標簽是什么,如何學習,需要大概多長時間學習。
本篇主要基于html5介紹,html5 是最新版的標準,之前的版本可以自己了解下。
HTML的英文全稱是Hyper Text Markup Language,直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記,在當中包含有屬性和值。標記描述了每個在網頁上的組件,例如文本段落、表格或圖像等。
事實上,HTML是一種因特網上較常見的網頁制作標注性語言,而并不能算做一種程序設計語言,因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯,將網頁中所要呈現的內容、排版展現在用戶眼前。
一個html標簽基本結構如下:
<標簽名稱 屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>
有以下特點:
沒有捷徑,需要多看,多練。在這里我不一一介紹每個標簽的具體含義及用法,相關語法可以參考以下幾個網站:
制定一個學習計劃,每天堅持下去
要求,每天花費3到5個小時學習,至少1到2周掌握常用的html標簽含義及用法,可以按照上面介紹的標簽進行分類學習,感謝關注,祝你學習愉快。
tml指超文本標記語言,通過標簽來控制文字和圖片的顯示方式,以.html結尾的文件是Html文檔,學習網站W3school。
Html文檔結構
title標簽是標題標簽,body內部存放能夠看到的所有內容,包含文字,圖片,視屏等。
常見的基本標簽
p標簽是段落標簽,h1標簽是頭部標簽多用于文章標題或副標題,共有六個,img圖片標簽引入圖片,div是最常見的塊級標簽,可以將網頁中的內容劃分出若干個矩形區域,用于存放不一樣的內容。標簽可以分為單標簽和雙標簽。
無序列表
網頁中間有一些內容相似,結構相仿,布局接近的區域,像這一類區域我們就使用無序列表來進行區域劃分。
有序列表
網頁中間還有一些內容相似,結構相仿,布局接近但是每個區域的內容是有先后關系的區域,像這一類區域我們就使用有序列表來進行區域劃分。
編輯軟件vscode
JavaScript中,this的行為與其他語言略有不同,所有很多新手朋友對它的怪異行為會感到困惑,關于this的文章也很多,講得也很深,記起來也不容易,今天我們換個角度來介紹一下,看看這個this在這些情況下是怎么工作的。
什么是this
簡而言之,就是對象的引用。 你可能會問哪個對象? 這取決于使用它的代碼的上下文,而上下文取決于調用代碼的范圍。
在函數外執行
如果你在函數之外使用 this,即在全局上下文中,this 將指向全局對象,即窗口對象(NodeJS 全局范圍內的 this 是當前 module.exports 對象,而不是全局對象。 這與全局范圍是全局窗口對象的瀏覽器不同, 咱們暫時忽略這個)。 回想一下 window 對象允許 JS 引擎與瀏覽器的能力和功能進行交互。 讓我們通過示例來理解這一點:
在函數內執行
this 在函數內部的行為與外部函數相同,即 this 仍然指向全局對象。 這是因為函數在沒有對象上下文的情況下被調用:
在對象的方法里執行
在方法內部使用時,理解 this 的上下文會變得有點棘手。 請記住 - this 的值取決于調用方法的方式,而不取決于定義方法的位置。 例如,
但是,如果我們將 obj 的方法 printThis 分配給另一個變量,我們將在全局上下文中執行該方法。 因此這將被分配給窗口。
請注意 this 的值如何取決于這些函數的調用方式。
重要 - 方法中的內部函數將具有全局范圍,因為該函數將在沒有對象上下文的情況下被調用
但是如果我們想讓內部函數保留對象的上下文呢? 有兩種流行的方法可以實現這一點:
在構造函數內執行
在構造函數(使用 new 關鍵字創建的函數)中使用 this 時,this 指向新創建的對象:
請記住在使用構造函數時使用 new 關鍵字,以避免在全局上下文中的函數內設置變量,從而最終污染它。
在類內執行
在 ES6 類中使用時,this 關鍵字指向使用new創建的當前對象(此行為類似于構造函數)
希望這篇文章對您理解this有所幫助。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。