標簽：長度 哪些 文件名 像素 doc com xmlns 列表項 elf
<!DOCTYPE html><!-- 約束，申明--> <html lang="zh_CN" xmlns="http://www.w3.org/1999/html"><!-- html標簽表示html的開始 lang = “zh_CN” 表示中文 html標簽中一般分為兩部分head 和body--> <head><!-- 表示頭部信息，一般包含三部分內容，title 標簽，css樣式，js代碼--> <meta charset="UTF-8"><!-- 表示當前頁面使用UTF-8字符集--> <title>標題</title><!--標題--> </head> <body bgcolor="antiquewhite" onclick="alert(‘一個界面相應‘)"><!--body是整個html頁面顯示的主題內容--> hello <!--標題標簽 標題標簽 ：h1 到 h6 h1最大，h6最小 align 對齊屬性，默認左對齊 --> <h1 align="left">標題1</h1> <h2 align="right">標題2</h2> <h3 align="center">標題3</h3> <h4>標題4</h4> <h5>標題5</h5> <h6>標題6</h6> <!--a標簽 超鏈接 href 屬性設置鏈接的地址 target屬性設置那個目標進行跳轉 _self 當前頁面跳轉 _blank 打開新界面跳轉 --> <a href="http://www.baidu.com" >百度</a><br/> <a href="http://www.baidu.com" target="_self" >百度</a><br/> <a href="http://www.baidu.com" target="_blank">百度</a><br/> <!--列表標簽 有序列表、無序列表 order list: ol標簽： 有序列表 unorder list :ul標簽 ：無序列表 list item ：li標簽：列表項 復制的快捷鍵 ：ctrl+d --> <ul> <li>java</li> <li>python</li> <li>mysql</li> <li>jdbc</li> </ul> <!--圖片標簽 img標簽： 圖片標簽，用來顯示圖片 src屬性設置圖片的路徑 width屬性圖片的寬度 height屬性設置圖片的高度 border屬性設置圖片的邊框 alt屬性 設置找不到圖片時，替代的文本內容 在javase中的路徑分為相對路徑和絕對路徑 相對路徑： 從工程名開始 絕對路徑：從盤符:/目錄/文件名 在web中路徑分為相對路徑和絕對路徑 相對路徑： . 表示當前文件所在的目錄 .. 表示當前文件所在的上一級目錄 文件名 表示當前文件所在目錄的文件，相當于./文件名, ./可以省略 絕對路徑： 格式是： http://ip:part/工程名/資源路徑 --> <img src="./src/img1.jpg" width="300" height="200" border="1" alt ="無法找到圖片"/> <!--表格標簽 table標簽表示表格 border 設置表格邊框 width 設置表格寬度 height 設置表格高度 align 設置表格相對與額面的對齊方式 cellspacing 設置單元格間距 tr 行標簽 th 表頭標簽 td 單元格標簽 colspan 跨列合并 rowspan 跨行合并 b 加粗標簽 align 設置單元格文本對齊方式 --> <!--示例 ：五行五列表格，第一行行合并兩個單元格，第二、三行合并第一列單元格--> <table align="center" border="1" width="300" height="300" cellspacing="0"> <tr> <td align="center" colspan="2"><b>1.1</b></td> <td align="center"><b>1.3</b></td> <td align="center"><b>1.4</b></td> <th>1.5</th> </tr> <tr> <td rowspan="2">2.1</td> <td>2.2</td> <td>2.3</td> <td>2.4</td> <td>2.5</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> <td>3.4</td> </tr> <tr> <td>4.1</td> <td>4.2</td> <td>4.3</td> <td colspan="2" rowspan="2">4.4</td> </tr> <tr> <td>5.1</td> <td>5.2</td> <td>5.3</td> </tr> </table> <!--iframe標簽可以在頁面上開辟一個小區域顯示一個單獨頁面 iframe和a標簽組合使用的步驟 1.在iframe標簽中使用name屬性定義一個名稱 2.在a標簽的target屬性上設置iframe的name的屬性值 --> <iframe src="hell0.html" width="300" height="300" name="abc"></iframe> <a href="http://www.baidu.com" target="abc">百度</a> <!--表單：html頁面中，用來收集用戶信息的所有元素集合，然后把這些信息發送給服務器 form標簽 表單標簽 nput type="text" 是文件輸入框 value設置默認顯示內容 input type="password" 是密碼輸入框 input type="radio" 是單選框 name屬性可以對其進行分組 checked ="checked" 表示默認選擇 input type="checkbox" 是復選框 select 標簽是下拉列表框 option 標簽是下拉列表框的選項，selected="selected" 設置默認選中 textarea 表示多行文本輸入框（起始標簽和結束標簽中的內容是默認值） rows 屬性設置文本行的行數（高度） cols 屬性設置每行顯示幾個字符 input type="reset" 是重置按鈕 value屬性修改按鈕上文本 input type="submit" 是提交按鈕 value屬性可以修改文本 input type="button" 是按鈕 input type="file" 是文件上傳域 input type="hidden" 是隱藏域，當我們需要發送某些信息，不需要用戶參與，就可以使用隱藏域（提交的時候同時發送給服務器） form 標簽是表單標簽 active 屬性設置提交的服務器地址 method 屬性設置提交的方式get（默認）或post 表單提交的時候，數據沒有發送給服務器的三種情況 1.表單項沒有name屬性 2.單選、復選（下拉列表中的option標簽）都需要添加value屬性，一遍發送給服務器 3.表單項不在form標簽中 get請求的特點： 1.瀏覽器地址欄中的地址是：action屬性[+?+請求參數] 請求參數的格式是：name=value&name=value……(action=login) 2.不安全 3.具有數據長度的限制 post請求的特點 1.瀏覽器地址欄中只有action屬性值 2。相對于get請求安全 3.理論上米有數據長度的限制 --> <form action="http://www.baidu.com" method="get"> <input type="hidden" name="action" value="login"/> <table align="center"> <tr> <td>用戶名稱：</td> <td><input type="text" value="默認值"/></td> </tr> </table> </br> 用戶密碼：<input type="password" value="abc"/></br> 確認密碼：<input type="password" value="abc"/></br> 性別： <input type="radio" name="sex" checked ="checked"/>男 <input type="radio" name="sex"/>女 興趣愛好：<input type="checkbox"/>java <input type="checkbox"/>c++ <input type="checkbox"/>python<br/> 國籍：<select> <option>請選擇國籍</option> <option selected="selected">中國</option> <option>美國</option> </select></br> 自我評價：<textarea rows="10" cols="20"></textarea> <input type="reset"/> <input type="submit"/> <input type="button" value="按鈕" name="abc"/><br/> <input type="file"/></br> <input type="hidden" name="abc" value="abcname"/></br> </form> <!--div標簽，默認獨占一行 span標簽：長度是封裝數據的長度 p 默認會在段落的上方或下方各空出一行（有就不再空） --> <div>標簽1</div> <div>標簽2</div> <span>span1</span> <span>span2</span> <p>p1</p> <p>p2</p> </body> </html> <!-- html的書寫規范 <html> 表示整個html頁面的開始 <head> 頭信息 <title>標題 </title> </head> <body> 頁面主題內容 </body> </html> 表示整個html頁面的結束 標簽擁有自己的屬性 1.基本屬性 ： bgcolor="antiquewhite" --修改背景顏色 2.事件屬性： onclick="" 表示點擊事件，可以直接設置時間響應后的代碼 alert() :是javaScript語言提供的一種警告框函數，可以接受任意參數，參數就是警告框的函數星系 標簽：單標簽，雙標簽 單標簽格式： <標簽名/> ：br 換行，hr 水平線 雙標簽格式： <標簽名></標簽名> 特殊字符表示 < 用 < > 用> 空格 用  -->
css
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 方式二： style標簽用來定義css樣式代碼 --> <style type="text/css"> /*css里的標簽*/ div{ border:1px solid red; } span{ border:1px solid red; } </style> <!--方式三--> <link rel="stylesheet" type="text/css" href="Cssstyle.css"> <style type="text/css"> #id001{ border: 1px solid yellow; color: aqua; font-size: 1px; } #id002{ border: 1px solid yellow; color: aqua; font-size: 1px; } </style> </head> <body> <!-- css 語法規則： 選擇器 { 屬性 : 值 ; } 標簽名選擇器,可以決定哪些標簽被動的使用這個樣式； id選擇器，可以通過id屬性選擇性的去使用這個樣式 #id屬性值{ 屬性: 值; } class選擇器，可以通過class屬性有效的選擇性地去使用樣式 .class{ 屬性: 值; } 組合選擇器： 選擇器1，選擇器2，選擇器n{ 屬性: 值; } 修改div標簽的樣式為：邊框一個像素，實現，紅色 --> <!--方式一--> <div style="border:1px solid red">div標簽1</div> <div style="border:1px solid red">div標簽2</div> <span style="border:1px solid red">span1</span> <span style="border:1px solid red">span2</span> <!--方式二--> <div >div標簽3</div> <div >div標簽4</div> <span >span3</span> <span >span4</span> <!--方式三--> <div >div標簽5</div> <div >div標簽6</div> <span >span5</span> <span >span6</span> <div id="id001">div標簽1</div> <div id="id002">div標簽2</div> </body> </html>
div{ border:1px solid red; } span{ border:1px solid red; }
標簽：長度 哪些 文件名 像素 doc com xmlns 列表項 elf
原文地址：https://www.cnblogs.com/sun1997/p/15064159.html
