HTML 學習筆記第一天

2021-07-28 22:43:28 字數 1831 閱讀 1639

主要是通過菜鳥教程,剛剛開始寫的筆記,文筆較差望諒解:

html 指的是超文字標記語言: hypertext markup language

html 不是一種程式語言,而是一種標記語言

標記語言是一套標記標籤 (markup tag)

html 使用標記標籤來描述網頁

html 文件包含了html 標籤及文字內容

html文件也叫做 web 頁面

簡介

安裝:

無腦下一步即可安裝成功
emmet外掛程式

簡介

可以方便的轉化**,後續再研究一番
安裝

解壓並將檔案全部複製到notepad的plugins資料夾裡
必須配合pythonscript

安裝pythonscript

安裝好.msi結尾的安裝包後,把plugins裡的檔案都複製到notepad的plugins資料夾裡
使用

步驟 1: 新建 html 檔案

然後選擇" 檔案(f)->另存為(a) ",檔名為 ******.html或者.htm
步驟 2: 在瀏覽器中執行這個 html 檔案
右鍵.html檔案,開啟方式,選擇自己的瀏覽器
charset="utf-8">

菜鳥教程(runoob.com)title>

head>

這是標題 4h4>

這是標題 5h5>

這是標題 6h6>

body>

html>

執行結果

宣告為 html5 文件

元素是 html 頁面的根元素

元素包含了文件的元(meta)資料

元素描述了文件的標題

元素包含了可見的頁面內容

元素定義乙個大標題

是最小的乙個標題

元素定義乙個段落

語法
html 元素以開始標籤起始

html 元素以結束標籤終止

例如:(段落)

元素的內容是開始標籤與結束標籤之間的內容

例如:段落內容

注意
不要忘記結束標籤

雖然忘記了使用結束標籤,大多數瀏覽器也會正確地顯示 html,但是忘記使用結束標籤會產生不可預料的結果或錯誤。

html 標籤對大小寫不敏感,但盡量用小寫

html 空元素
某些 html 元素具有空內容(empty content)

空元素在開始標籤中進行關閉(以開始標籤的結束而結束)

例如:(換行)

在xhtml、xml 以及未來版本的 html 中,所有元素都必須被關閉。所以盡量寫成

html 元素可以設定屬性

屬性可以在元素中新增附加資訊

屬性一般描述於開始標籤

屬性總是以名稱/值對的形式出現,比如name="value"。

例項
這是乙個鏈結

屬性值必須包含在""裡,雖然可以用'',但是不推薦

雖然,屬性和屬性值對大小寫不敏感,屬性值最好是小寫

今天筆記到此結束

HTML學習第一天筆記

簡介 html 英語 超文字標記語言,簡稱 html 也叫作超文字標記語言,是一種使用結構化web網頁及其內容的標記語言,您可以使用html來建立自己的web站點。通過學習本教程,您可以使用html來建立站點。html是非常容易學習的!相信您可以很快學會它!例項 我是第乙個標題h1 我是第乙個段落。...

html學習第一天筆記

語義化,讓你的網頁更好的被搜尋引擎理解 在這一章節我們要開始把網頁中常用到的標籤一 一向大家介紹,學習這一章節的時候要記住學習html標籤過程中,主要注意兩個方面的學習 標籤的用途 標籤在瀏覽器中的預設樣式。標籤的用途 我們學習網頁製作時,常常會聽到乙個詞,語義化。那麼什麼叫做語義化呢,說的通俗點就...

html學習第一天

由於之後想做個 所以web前端的也要學習一下。昨天看了一下html,今天做一下記錄。html是超文字標記語言 說白了其實就是一種規範。按照這種規範來寫,瀏覽器就能進行解釋,這時候瀏覽器就是個直譯器。今天主要講解幾個標籤1.這六個標籤屬於一類,都是指標題,後邊帶的數字是說明標題字型大小的 2.字型加粗...