2023年1月7日 14:23:24
2 html 基礎結構
3 標籤
33 內聯元素標籤
34 內聯塊元素標籤
35 標籤之間的相互轉換
從2023年最後的乙個周開始 ，我開始html5，開始步入web前端行業的學習
時間很快， 兩個周就這樣過去了，這樣我們前端html基礎入門以及css基礎也基本上準備結束了，在這個周
六、我利用一些自習時間抽空來把前面的整體脈絡總結做一下筆記 哈哈哈哈哈哈哈哈
web前端主要分成三大塊：html 結構、css樣式、js 行為。在前兩周我們主要學的是html 以及一些css樣式！所以下面主要寫的是html的基礎
html 是一種超文字標記語言（英語：hyper text markup language,簡稱：html）是一種建立網頁的標記語言，主要是執行在瀏覽器上，由瀏覽器來解析。主要是一些超連結，文字，，影象燈
3.1.1 什麼是標記語言
標記語言：標記語言簡單的理解就是：將特定的英語放入帶有」<>
好了！ 程式設計師大部分都是以**說話，所以先放**再bb：
charset ='utf-8'>
這是標題title>
head>
body>
html>
接下來就是：這是頭部標籤（以下使用」head區「代替），注意 在head 區中大部分的內容是不可見的，可以簡單的的說除了title標籤內的內容其他的都可以見
裡面主要包含
文件的元資料資料，在前面我們用到是的（meta）標籤主要是用來設定頁面的編碼格式：
例子：
然後head區需要的是乙個title 標籤 這是宣告文件的標題！ 如：這是頁面標題
好了，head區現在主要說的 就是這些了
head區下面 就是我們的主要介面結構，就是我們可以在網頁中可以直接看到的東西。主要是由body標籤（以下簡稱：body區）來包裹！
好了！ 上面說完了html的基本結構之後 下面我們來了解以下一些簡單的html標籤
3.3.1 什麼是標籤
標籤：html的標記標籤的簡稱（英文：html tag）
標籤分為兩個中：分別是單標籤和雙標籤【 《標籤名》內容
3.3.2 塊元素標籤
塊級元素標籤：每個標籤都會獨佔一行，都是從新的一行開始
3.3.2.1 h1-h6 標題標籤
標題標籤通常會有自身的樣式： 共有6級標籤 分別到
**以及效果如下：
lang="en">
charset="utf-8">
塊級元素 標題元素title>
head>
我是 4 級標題h4>
我是 5 級標題h5>
我是 6 級標題h6>
body>
html>
(每個)html檔案中標題標籤的建議使用：
h1 標籤推薦使用1次
h2 推薦使用3-5次,如果篇幅比較長可以使用5-10次
h3 應該是沒有限制
3.3.2.3 p 標籤內容
p 標籤：一定一段文字，獨佔一行
3.3.2.3 ul 和 ol
ul是無序列表
ol是有序列表 通常 兩個都跟li一起是用,ol 預設的序號是阿拉伯數字可以通過在 ol內****type 屬性來設定排序的符號： 可以是小寫字母 、大寫字母、羅馬數字
主要**運用如下：
lang="en">
charset="utf-8">
塊級元素title>
head>
type="1">
第1行li>
第2行li>
第3行li>
第4行li>
第5行li>
第6行li>
第7行li>
ol>
href=""
body>
html>
內聯元素：顧名思義就是既有塊元素的特性也有內聯元素的特徵
在此我們主要將常用的 【img】 影象標籤
3.3.4.1 img 影象標籤
**使用如下
lang="en">
charset="utf-8">
內聯塊元素title>
HTML基礎知識彙總
head 標籤用於定義文件的頭部，它是所有頭部元素的容器。head中的元素可以引用指令碼 指示瀏覽器在 找到樣式表 提供元資訊等等。文件的頭部描述了文件的各種屬性和資訊，包括文件的標題 在 web中的位置以及和其他文件的關係等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者.定義文件的標題，...
HTML標籤彙總（基礎和格式部分）
文件的標題title head 文件的內容 body html 內容 說明最大的標題 這是標題1 這是標題1 這是標題1 最小的標題 段落標籤p 內容 說明ie5.5或更早版本不支援。html5不支援 ie6或更早版本不支援。html5支援 內容 說明如果元素位於元素內 則它表示文件聯絡資訊 如果元...
HTML標籤彙總
做網頁 也有一些時間了，html也用的很熟練了，但是還是有很多的標籤對我來說還是很陌生，現在將其匯集在一起，加深印象，也方便以後查閱。先說一下html和xhtml的區別吧。xhtml文件必須具有良好完整的排版 well formed 編排良好性 well formedness 是xml引入的乙個新概...