整合營銷服務商

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

          免費咨詢熱線:

          前端入門-什么是HTML,如何快速學習

          一篇介紹了網頁的基本結構,那如何編寫網頁的內容? 前提是要學會HTML標簽的用法,本篇主要介紹HTML標簽是什么,如何學習,需要大概多長時間學習。

          本篇主要基于html5介紹,html5 是最新版的標準,之前的版本可以自己了解下。

          HTML 簡介

          HTML的英文全稱是Hyper Text Markup Language,直譯為超文本標記語言。它是全球廣域網上描述網頁內容和外觀的標準。HTML包含了一對打開和關閉的標記,在當中包含有屬性和值。標記描述了每個在網頁上的組件,例如文本段落、表格或圖像等。

          事實上,HTML是一種因特網上較常見的網頁制作標注性語言,而并不能算做一種程序設計語言,因為它缺少程序設計語言所應有的特征。HTML通過IE等瀏覽器的翻譯,將網頁中所要呈現的內容、排版展現在用戶眼前。

          一個html標簽基本結構如下:

          <標簽名稱  屬性="屬性值"></標簽名稱> 或 <標簽名稱 屬性="屬性值"/>

          有以下特點:

          1. 由尖括“<”、“>”號包圍的標記元素,比如 <html>和</html>就是一對標記。
          2. 通常是成對出現的,比如 <div> 和 </div>,也有單獨呈現的標簽,如:<img />、<input/>等。
          3. 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽;
          4. 一般成對出現的標簽,其內容在兩個標簽中間,如<h1>標題</h1>。單獨呈現的標簽,則在標簽屬性中賦值,如<input type="text" />。
          5. 網頁展示的內容需寫在<body>標簽中。
          6. 標簽不區分大小寫,建議按規范小寫。

          HTML標簽按功能大體可分以下幾種類型:

          1. 構成網頁基本架構的標簽,比如:<!DOCTYPE>(定義文檔類型)、<html>(根標簽),<meta>(元信息)、<head> (網頁頭部區域)、<body> (網頁內容區域)。
          2. 用于引入外部資源客戶端腳本的標簽,比如:<link>(外部資源,css樣式文件), <script>(客戶端js腳本)。
          3. 用于描述布局的標簽,比如: <div>、<ul>(無序列表)、<ol>(有序列表)、<h1>到<h6>(標題1到6)、<table>(表格)、<footer>(頁腳)、<header>(頁頭)等。
          4. 用于描述文本格式的標簽,比如:<p> (段落)、<strong>(加粗)、<q>(引用)、<span>等。
          5. 用于引入多媒體資源的標簽,比如:<img>、<video>、<audio>等。
          6. 用于制作表單的標簽,比如:<form>(表單),<input>(輸入框),<textarea>(文本域),<select>(下拉菜單),<radio>(單選項),<checkbox>(多選項)等。
          7. 其它標簽(不是很常用的)。

          如何學習html的標簽用法

          沒有捷徑,需要多看,多練。在這里我不一一介紹每個標簽的具體含義及用法,相關語法可以參考以下幾個網站:

          1. https://www.w3cschool.cn/html5/
          2. https://developer.mozilla.org/zh-CN/docs/Web/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 的值如何取決于這些函數的調用方式。

          重要 - 方法中的內部函數將具有全局范圍,因為該函數將在沒有對象上下文的情況下被調用

          但是如果我們想讓內部函數保留對象的上下文呢? 有兩種流行的方法可以實現這一點:

          • 把this對象存起來

          • 箭頭函數
            箭頭函數從封閉函數中獲取上下文,因此如果我們希望函數保留 this 的上下文,則更簡潔:

          在構造函數內執行

          在構造函數(使用 new 關鍵字創建的函數)中使用 this 時,this 指向新創建的對象:

          請記住在使用構造函數時使用 new 關鍵字,以避免在全局上下文中的函數內設置變量,從而最終污染它。

          在類內執行

          在 ES6 類中使用時,this 關鍵字指向使用new創建的當前對象(此行為類似于構造函數)

          希望這篇文章對您理解this有所幫助。


          主站蜘蛛池模板: 久久久久久一区国产精品| 国产福利电影一区二区三区| 久久无码精品一区二区三区| 高清国产AV一区二区三区| 日本一区二区三区四区视频| 久久无码人妻一区二区三区午夜 | 国产裸体歌舞一区二区| 在线观看国产一区二区三区| 亚洲综合激情五月色一区| 亚洲一区二区影院| 精品国产一区二区三区免费| 色视频综合无码一区二区三区| 国产精品亚洲一区二区在线观看| 精品无码成人片一区二区98| 少妇精品无码一区二区三区| 寂寞一区在线观看| 亚洲日韩激情无码一区| 亚洲色婷婷一区二区三区| 国产成人无码精品一区在线观看| 色一情一乱一伦一区二区三区| 国产高清视频一区二区| 狠狠做深爱婷婷久久综合一区 | 国产免费一区二区三区VR| 午夜DV内射一区区| 精品国产AV无码一区二区三区 | 久久一本一区二区三区| 无码少妇一区二区三区浪潮AV| 亚洲熟妇av一区二区三区漫画| 亚洲熟妇av一区二区三区漫画| 国产一区二区免费| 精品永久久福利一区二区| 亚洲一区二区三区高清| 亚洲av成人一区二区三区| 国模无码一区二区三区| 国产福利一区二区| 中文字幕无码一区二区三区本日| 国产一区二区三区不卡AV| 精品国产伦一区二区三区在线观看 | 美女一区二区三区| 精品无码国产一区二区三区AV| 精品动漫一区二区无遮挡|