一，HTML概述
網頁開發需要學習的知識：
?? ?html
?? ?css
?? ?javaScript
?? ?
?? ?兩個框架
?? ??? ?VUE.js
?? ??? ?ElementUI UI user interface 用戶界面
?? ?HTML xml ? ? 可擴展標記語言-->存儲數據?? ?
?? ?Markup Language標簽語言都會提供各種標簽
html （HyperText Markup Language）超文本標記語言
?? ?文本：文字字符
?? ?超文本：指的是網頁內容
?? ?標記：標簽 標識 eg：買商品，商品上有標簽，介紹了商品信息
?? ?
?? ?超文本標記語言中會提供許多不同功能的標簽，使用這些標簽來修飾我們這些網頁的內容，通過瀏覽器運行解釋網頁，最終運行出我們想要的效果
?? ?
?? ?
?? ?html語言就是一種標記語言，提供了許多的標簽，不同的標簽功能不同
?? ??? ??? ??? ??? ??? ??? ?網頁就是通過這些標簽描述出來的
?? ??? ??? ??? ??? ??? ??? ?最終有瀏覽器解釋運行成我們看到的網頁
? ?eg： <a href="地址">百度</a> 定義一個超鏈接
?? ?
二，HTML基本語法
1.<!-- --> html注釋樣式
2.HTML基本樣式
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body></body>
</html>（1）<!DOCTYPE html>
聲明html語言的版本信息 ，告訴瀏覽器以html5標準解釋運行
（2）<html> </html>
骨架標簽，根標簽
所有標記語言都必須有一個根標簽
html是網頁中的根標簽，所有內容都應該寫在此標簽中
（3）<head> </head>
頭標簽? 主要對網頁做設置：字符編碼，標題，css樣式，js腳本
包含了所有頭部標簽標簽
頭部區域的標簽都有：<title>，<style>,<meta>,<link>,<script>
<title>：定義網頁標題
<meta>：設置網頁關鍵字，讓搜索引擎查找
<meta charset="utf-8" />：網頁字符集，需位于文檔頂部
<link>標題處添加圖標
（4）<body></body>
身體標簽，用來寫網頁內容
3.標簽
HTML中的標記指的就是標簽
HTML使用標記標簽來描述網頁
（1）標簽結構和寫法
????????1.閉合標簽（雙標簽）
?? ??? ?2.自閉合標簽：只有標簽名，沒有開始結束，完成一個特定的功能即可
?? ??? ?<標簽名>
?? ??? ?<開始標簽>標簽體</結束標簽>?? ??? ?閉合標簽(雙標簽) 只對標簽體內的內容進行修飾
?? ??? ?
（2）標簽屬性
? ? ? ? <標簽名 屬性="" ?/>完成一個特定的設置功能,沒有標簽體 ? ?自閉和標簽(單標簽)
?? ??? ?標簽中可以有屬性:可以標簽屬性改變變遷愿挨的顯示風格
?? ??? ?<body text="red" bgcolor="green">
?? ??? ? ?屬性寫在標簽的開始標簽中
?? ??? ? ?一個標簽可以有多個屬性
?? ??? ? ?屬性名 = "值"
三，基本常用標簽
1，標題標簽
<h1></h1>? ?<h2></h2>…<h6></h6>
共六種區別為從大到小，一個標簽占一行
2，換行標簽
<br/>
在前端代碼中按enter鍵只能對代碼進行換行，但向瀏覽器渲染時無法換行
所以使用<br/>換行（可被掃描識別）
3，段落標簽
<p></p>p
一個<p>標簽，代表一個獨立段落，段落與段落之間有間隔
4，列表標簽
（1）無序列表
<ul><li>列表項1</li><li>列表項2</li><li>列表項3</li><li>列表項4</li>
</ul>（2）有序列表
<ol><li>列表項1</li><li>列表項2</li><li>列表項3</li><li>列表項4</li>
</ol>通過給標簽<ol>加屬性type將其改為不同序列的有序標簽
樣式：<ol type=" ">
5，超鏈接
<a></a>
HTML使用超鏈接與網絡上另一個文檔相連，通俗的說就是使用超鏈接來訪問其他網頁資源
href 鏈接所要超鏈接地址
taeget 選擇打開位置，_self在超鏈頁面打開覆蓋原本頁面，_blank另起新窗口打開
6，圖片鏈接
<img/>
注：圖片的寬高一般不建議使用
7，轉義字符
在HTML中預留了一些字符，這些字符不能再網頁中直接使用
<；小于號
>；大于號
 ；空格
©；版權（C）
®；注冊商標（R）
&trade；商標（TM）
8，表格
（1）構成表格的標簽
table標簽：表格標簽
tr標簽：表格中的行
th標簽:表格的表頭（作為表頭，其中數據會加粗，居中）
td標簽：表格單元格
（2）表格的基本結構
<table>定義表格
<tr>定義表行
<th>定義表頭</th>
</tr>
<tr>
<td>定義單元格</td>
</tr>
</table>?（3）表格屬性
width：定義寬
height：定義高
?cellpadding 只能寫在table中 定義表格數據距表格邊框距離 ? 內邊距
cellspacing 只能寫在table中 定義不同單元格之間距離 ? ? ?外邊距
align="內容水平方向對齊方式" left（默認） center right
valign="內容垂直方向對齊方式" top middle（默認） bottom
colspan="4" 合并列 從哪里額開始合并，在那列添加colspan="合并的數量" 記得刪除多余的單元格
rowspan="4" 跨行合并單元格
例子：
eg1
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- table 表示一個表格 可以設置寬和高cellpadding 只能寫在table中 定義表格數據距表格邊框距離 內邊距cellspacing 只能寫在table中 定義不同單元格之間距離 外邊距tr 表示一行 設置行高th 表示一個單元格，還是表頭，內容會加粗，并且居中td 表示一個單元格，align="內容水平方向對齊方式" left（默認） center rightvalign="內容垂直方向對齊方式" top middle（默認） bottom表格中的數據都只能寫在單元格中--><table border="1" width="400" ><tr height="80" width="600"><th>姓名</th><th>java</th><th width="800">c</th><th>python</th></tr><tr><td>張三</td><td>50</td><td>80</td><td>90</td></tr><tr height="100" ><td align="center">張三</td><td valign="bottom">50</td><td align="center" valign="top">80</td><td>90</td></tr><tr><td>張三</td><td>50</td><td>80</td><td>90</td></tr></table></body>
</html>eg2
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><!-- 快捷鍵 table>tr*4>td*4 創建一個4行4列的表格 --><!-- colspan="4" 合并列 從哪里額開始合并，在那列添加colspan="合并的數量" 記得刪除多余的單元格 --><!-- rowspan="4" 跨行合并單元格 --><table border="1" width="400" height="300" ><tr><td colspan="4"></td></tr><tr><td></td><td></td><td></td><td rowspan="4"></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table></body>
</html>
問題的原因可能有哪些)
 一臺顯示器 (4K 屏支持 4 畫面分屏 PBP 1080p x4))
![[Java入門]抽象類和接口](http://pic.xiahunao.cn/[Java入門]抽象類和接口)
