html中如何实现选择存储路径的功能_HTML是Web前端的基础知识，刚入门的你真的学对了吗？...
生活随笔
收集整理的這篇文章主要介紹了
html中如何实现选择存储路径的功能_HTML是Web前端的基础知识，刚入门的你真的学对了吗？...
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
HTML
- 概念
- 前端最核心的技術(shù) HTML + CSS + javascript
- HTML - 結(jié)構(gòu) - 骨架
- CSS - 樣式 - 效果
- JAVASCRIPT - (用戶)行為 - 做的事情
- 超文本標(biāo)記語言
- 超文本
- 文本(txt文件) - 瀏覽器可以直接打開
- 如果具有中文，可能出現(xiàn)亂碼問題
- 標(biāo)記
- 語法結(jié)構(gòu) - <標(biāo)簽名>
- 注意 - 瀏覽器解析標(biāo)記（規(guī)定的標(biāo)記內(nèi)容）
- 注意
- HTML是不嚴(yán)格的語言
- 允許不用編寫所有內(nèi)容
- 標(biāo)簽名沒有明確的規(guī)定(大小寫)
- 建議標(biāo)簽名使用小寫
- XHTML
- 解釋為嚴(yán)格意義的HTML
HTML結(jié)構(gòu)
<!DOCTYPE html> - 聲明:當(dāng)前頁面使用的是哪個(gè)HTML版本
<html lang="en"> - 根標(biāo)簽:有且僅有一個(gè)
<head> - 用于設(shè)置當(dāng)前頁面的信息
<meta charset="UTF-8"> - 設(shè)置當(dāng)前頁面的編碼
<title>Title</title> - 當(dāng)前頁面的標(biāo)題
</head>
<body> - 用于顯示在瀏覽器中
</body>
</html>
聲明
- 注意 - 必須在HTML文檔的 0 行 0 列
- 記住 - HTML5的聲明<!DOCTYPE html>
- 作用 - 告訴瀏覽器當(dāng)前HTML頁面使用的版本
- 不同的HTML版本支持不同的標(biāo)記(標(biāo)簽)內(nèi)容
根標(biāo)簽
- <html></html>
- 除聲明以外，所有內(nèi)容全部被包含在根標(biāo)簽中
- 注意 - 有且僅有一個(gè)
- 標(biāo)記（標(biāo)簽）
- 起始標(biāo)簽 - 有開始，有結(jié)束
- 開始標(biāo)簽 - <標(biāo)簽名>
- 結(jié)束標(biāo)簽 - </標(biāo)簽名>
- 空標(biāo)簽 - 只有開始標(biāo)簽
- <br/> - 換行標(biāo)簽
- 注意 - 建議使用小寫
<meta>元素
- 第一個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的編碼格式
- <meta charset="UTF-8">
- 第二個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的關(guān)鍵字
- <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
- 第三個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的描述(很少)
- <meta name="description" content="Free Web tutorials on HTML and CSS">
- 第四個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的作者
- <meta name="author" content="King">
HTML屬性
- 出現(xiàn)在標(biāo)簽中的開始標(biāo)簽中，而不是結(jié)束標(biāo)簽
- 格式
- 屬性名=屬性值
- 屬性值 - 必須使用雙引號(hào)包裹
HTML頁面被搜索引擎抓取
- <title>元素 - 頁面的標(biāo)題
- <meta name="keywords">元素 - 頁面的關(guān)鍵字
- <h1>元素 - 標(biāo)題
分類
- 私有屬性 - 當(dāng)前標(biāo)簽獨(dú)有的屬性
- 標(biāo)準(zhǔn)屬性 - 幾乎所有標(biāo)簽都有的屬性
- 事件屬性 - 標(biāo)準(zhǔn)事件(了解)
HTML標(biāo)題
- <h1> ~ <h6> - 從最大到最小
- 并不關(guān)心標(biāo)題顯示的效果 - 可以通過 CSS 完成
- 關(guān)心標(biāo)題的 語義化
- 語義化 - 當(dāng)前標(biāo)簽的含義
HTML列表
- 有序列表
<ol>
<li></li>
</ol>
- 默認(rèn)情況下 - 1,2,3,4,5...
- 無序列表
<ul>
<li></li>
</ul>
- 默認(rèn)情況下 - 黑點(diǎn)
- 定義列表
<dl>
<dt>列表名稱</dt>
<dd>列表項(xiàng)</dd>
</dl>
- HTML鏈接
<a href="地址"></a>
鏈接元素<a>
- 作用
- 用于從當(dāng)前頁面跳轉(zhuǎn)到另一個(gè)(指定)頁面
- 實(shí)現(xiàn)錨點(diǎn)效果
- 實(shí)現(xiàn)回到頂部效果
- 實(shí)現(xiàn)發(fā)送郵件功能(了解)
- href="mailto:郵件地址"
- 路徑(地址)
- 絕對(duì)路徑 - 查找的開始位置是固定
- 相對(duì)路徑 - 查找的開始位置是變化
- 在實(shí)際開發(fā)中，使用更多
- 完整的地址
- http:// localhost : 8080 /day02 #name
- 網(wǎng)絡(luò)協(xié)議 IP地址 端口號(hào) 相對(duì)路徑 錨點(diǎn)
- localhost - 等價(jià)于 127.0.0.1 - 表示本機(jī)
- 網(wǎng)絡(luò)訪問 - 通過互聯(lián)網(wǎng)
- http://192.168.10.165:63342/D...
- file:///C:/0507/DAY02/CODE/00.html
C:0507DAY02CODE00.html
- 本地訪問 - 和網(wǎng)絡(luò)無關(guān)
圖片元素
- <img> - 空標(biāo)簽，沒有結(jié)束標(biāo)簽
- 必要屬性 - src屬性
可選屬性
- width
- height
- 單位
- 像素值
- 百分值
HTML表格
- 概念 - 具有行和列（單元格）
- 行 - 表示水平方向（多個(gè)單元格）
- 列 - 表示垂直方向（多個(gè)單元格）
- HTML表格
- - 表示為表格
- 作用
- 表格的語義化 - 配合 CSS 可以實(shí)現(xiàn)漂亮的表格效果
- 利用表格的行和列的概念 - 實(shí)現(xiàn)頁面元素的布局
- HTML表單
- <form>標(biāo)簽
- 語義化 - 表示為表單
- 容器元素 - 瀏覽器中不會(huì)有任何顯示效果
- 文件的編碼格式 - UTF-8
- HTML頁面的編碼格式 - UTF-8
- <meta charset="UTF-8">
- 設(shè)置當(dāng)前HTML頁面的編碼格式
- 在瀏覽器運(yùn)行當(dāng)前HTML頁面時(shí)，告訴瀏覽器當(dāng)前的編碼格式
- 字符集
- 概念 - 存放所使用的所有的字符（漢字）
分類
- ANSI - 美國(guó)
- ISO-8859-1 - 歐洲
- GBK - 中國(guó)
- GB2312
- Unicode - 萬國(guó)碼
- UTF-8 - 主要使用
- UTF-16
- 計(jì)算機(jī)的存儲(chǔ)方式
- 利用二進(jìn)制方式 - 1和0
- 中國(guó)
- 存儲(chǔ) - 將漢字 "中國(guó)" 轉(zhuǎn)換成 二進(jìn)制 進(jìn)行存儲(chǔ) - GBK
- 讀取 - 將 二進(jìn)制 轉(zhuǎn)換成 "中國(guó)" 進(jìn)行顯示 - UTF-8
總結(jié)
以上是生活随笔為你收集整理的html中如何实现选择存储路径的功能_HTML是Web前端的基础知识，刚入门的你真的学对了吗？...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： golang 关闭gc 并手动gc_Go
- 下一篇： html网页自动铺满屏幕,如何使HTML