前端 HTML 必備基礎知識有哪些？
時間：2024-02-10 04:15:01 | 來源：網(wǎng)站運營
時間：2024-02-10 04:15:01 來源：網(wǎng)站運營
前端 HTML 必備基礎知識有哪些？：
一、 HTML簡介
HTML：超文本標記語言（HyperText Markup Language 簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標準標記語言。
1.1 HTML 元素語法
HTML元素有：開始標簽、元素內容、結束標簽
HTML元素以開始標簽起始，以結束標簽終止，元素的內容是開始標簽和結束標簽之間的內容
大多數(shù)HTML元素可擁有屬性
HTML標簽對大小寫不敏感，xhtml中強制使用小寫
1.2 HTML屬性
屬性是HTML元素提供的
附加信息HTML元素可以設置
屬性屬性一般描述于
開始標簽屬性總是以名稱/值對的形式出現(xiàn)
二、HTML基本標簽
2.1 html標簽
整個網(wǎng)頁從html開始，到/html結束
2.2 head標簽
head標簽在瀏覽器中不可見
2.3 body標簽
body標簽定義網(wǎng)頁展示內容，往往都是可見內容
2.3.1 段落與文字標簽2.3.2 文本格式化標簽三、HTML列表
HTML三種列表：有序列表、無序列表和
定義列表。
3.1 有序列表
語法：
<ol> <li>有序列表列</li> <li>有序列表列</li> <li>有序列表列</li></ol>有序列表列表項符號由list-style-type屬性定義
3.2 無序列表
語法：
<ul type="列表項符號"> <li>無序列表項</li> <li>無序列表項</li> <li>無序列表項</li></ul>3.3 定義列表
語法：
<dl> <dt>定義名詞</dt> <dd>定義描述</dd> ......</dl>四、HTML表格
4.2 表格標簽
表格基本標簽：
表格結構標簽：
4.2 表格基本結構
語法：
<table> <tr> <td>單元格1</td> <td>單元格2</td> </tr> <tr> <td>單元格1</td> <td>單元格2</td> </tr></table>4.3 表格完整結構
表格完整結構包括表格標題、表頭、表身和表腳4部分。
4.4 合并行和列
合并行使用td標簽的rowspan屬性，合并列用到td標簽的colspan屬性。
五、HTML圖像
5.1 圖像標簽
HTML中的圖像標簽為img（
自閉合標簽）
<img src="url" alt="some_text">
URL 指存儲圖像的位置。
img標簽常用屬性:
5.2 圖片格式
1、JPG 可以處理大面積色調的圖像，如相片、網(wǎng)頁。
2、PNG格式圖片體積小，無損壓縮，能保證網(wǎng)頁的打開速度。支持透明信息。PNG格式圖片可以稱為“網(wǎng)頁設計專用格式”。
3、GIF格式圖片圖像效果很差，但是可以制作動畫。
六、HTML鏈接
HTML使用標簽 a 來設置
超文本鏈接。
HTML鏈接-target屬性，使用該屬性可以定義被鏈接的文檔在何處顯示
HTML鏈接-id屬性，該屬性可用于創(chuàng)建一個HTML文檔書簽。（書簽在HTML頁面中是不顯示的）
語法：<a href="鏈接地址" target="目標窗口的打開方式">
七、表單
表單標簽共有4個：input、textarea、select和option。其中select和option是配合使用的。
7.1input標簽表單
語法：
<input type="表單類型"/>input元素type屬性值
7.2 textarea標簽表單
多行文本框<textarea rows="行數(shù)" cols="列數(shù)">多行文本框內容</textarea>
在線咨詢
