JavaWeb ：html語言
HTML學習網站
HTML
所謂前端開發，其實是網頁開發，也稱為網頁制作。在前端開發過程中，需要綜合使用多種技術，HTML就是其中一種。下面簡單介紹一下HTML語言。
HTML概述
HTML(Hypertext Markup Language，超文本標記語言)：是一種文本類、解釋執行的標記語言，即超出文本的范疇，所有的操作都是通過標簽實現的。它具有平臺無關性，通過提供的HTML標簽來組織網頁內容，構建網頁結構。
HTML頁面結構
總體上可分為以下幾部分：
1.文檔類型聲明
2.HTML頁面實際部分
<%--< !DOCTYPE >標簽聲明文檔類型--%> <%--標識--%>
<%--...標簽作為頭部區域，定義網頁相關信息--%> <%--標簽定義文檔的元數據--%>HTML標簽
HTML標簽，也稱為HTML元素，用于構建網頁結構。
書寫格式：
1.<標簽名 屬性1=“值1” 屬性2=“值2”…>…
2. <標簽名 屬性1="值1"屬性2=“值2”…/>
HTML屬性表示標簽所具有的一些特性。比如標簽的形狀、顏色、用途等特性。另外，標簽與標簽之間存在嵌套(包含)和并列(同級)兩種關系。
文本標簽
p標簽
p標簽用于設置一段格式上統一的文本。
書寫格式：
…
…
br標簽
br標簽是一個單標簽，不需要設置任何屬性。其作用在頁面上產生換行效果。
書寫格式：
或
標題字標簽
下面對標題字標簽簡單演示一下，如圖：
這是一級標題，中設置
這是三級標題，右設置 這是六級標題，默認值
strong標簽
strong標簽修飾文本加粗顯示。
書寫格式：
...
em標簽
em標簽具有傾斜效果。
書寫格式：
...
mark標簽
mark標簽用于定義帶記號的文本，其作用為突出顯示文本內容。
書寫格式：
...
time標簽
time標簽用于定義時間或日期。
書寫格式：
datetime屬性：用于定義相應的時間或日期。 pubdate可選屬性：添加可以搜索瀏覽器方便識別出該日期是文章、新聞的發表日期
span標簽
span標簽修飾標簽，用來給機器識別的，便于搜索引擎，爬蟲解析。
網頁添加空格
書寫格式：
下面對文本標簽簡單演示，如圖：
啊Q老師 正在學習 HTML語言
學習了 HTML概述、頁面結構和文本標簽
文檔結構標簽
section標簽
section標簽用于對頁面的某塊內容進行分塊，如將文章劃分不同的章節。
書寫格式：
article標簽
article標簽用于表示獨立完整的內容塊。如一篇博客文章、一則新聞等。
書寫格式：
nav標簽
nav標簽用于定義頁面上的各種導航條。
書寫格式：
ol標簽
ol標簽表示有序列表范圍，在ol中有屬性type：1(默認)，a，i .
書寫格式：
- ...
ul標簽
ul標簽表示無序列表的范圍，在ul中有屬性type：空心圓circle，實心圓disc（默認），實心方塊square.
書寫格式：
- ...
main標簽
main標簽用于定義頁面的主體內容。
書寫格式：
aside標簽
aside標簽用于定義頁面或文章的附屬信息。如內容的引用、側邊欄等
書寫格式：
下面對文檔結構標簽簡單演示，如圖：
HTML語言
文檔結構標簽的學習
section標簽用于對頁面的某塊內容進行分塊
表格標簽
table標簽定義表格用來展示數據，但不支持數學計算。其中，包括行、列、單元格、表頭等元素。
書寫格式：
1.tr標簽表示表格的一行，tr是table row的簡稱。
2.td標簽表示表格的單元格，td是table datacell的簡稱。
3.th標簽表示表格的表頭，即單元格的字體加粗并居中，th是table heading的簡稱。
4.caption標簽表示表格的標題。表格標題默認位于表格的第一行居中顯示。
表格默認是沒有邊框的。若對表格進行修飾，需要使用表格的標簽屬性。
table標簽的屬性：
border：設置表格邊框寬度，單位是像素(px)。
其中，設置邊框需要利用CSS的border-collapse 屬性，border-collapse 是“邊框塌陷”的意思，當屬性值為 collapse 時，可以使表格的雙邊框變為單邊框。
td標簽的屬性：
rowspan：表示跨行合并。rowspan 表明單元格所要跨越的行數。
colspan：表示跨列合并。colspan表明單元格所要跨越的列數。
書寫格式：
| 單元格內容 | 單元格內容 | ||
| 表頭1 | 表頭2 | 表頭1 | 表頭2 |
|---|---|---|---|
| 第一行 | 單元格1 | 單元格2 | 單元格3 |
| 第二行 | 單元格1 | 單元格2 | |
| 單元格1 | 單元格2 | 單元格3 | |
表單標簽
form標簽表示定義表單，用來收集用戶信息，然后將其發送到后端應用程序，后端應用程序(Java/Python等)將根據定義好的業務邏輯對表單中的數據進行處理。
書寫格式：
enctype屬性(一般不需要)：文件上傳時需才要使用。 action屬性：指明表單提交到目標網頁 method屬性：表示提交數據的方式，有以下兩種方式： 1.get(默認)：請求地址欄會攜帶提交的數據，不安全。 2.post值：數據會傳送到后臺，不顯示在地址欄中，相對安全。表單控件
：定義輸入框，提交信息大部分需要有name屬性，type屬性有以下幾種常用的值： 1.text：文本輸入 2.password：密碼輸入 3.radio：單選輸入,單選或多選默認選中的屬性：checked=“checked” 4.checked：多選輸入,單選或者多選中name屬性值必須相同 5.file：文件輸入(文件上傳) 6.submit：提交按鈕 7.image：圖片提交，