HTML乾貨

来源:http://www.cnblogs.com/shandouji1121/archive/2017/12/20/8076429.html
-Advertisement-
Play Games

什麼也不想說 對應的WEB頁面 ...


  什麼也不想說

 

  1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2 <%
  3 String path = request.getContextPath();
  4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5 %>
  6 
  7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8 <html>
  9   <head>
 10     <base href="<%=basePath%>">
 11     
 12     <title>My JSP 'index.jsp' starting page</title>
 13     <meta http-equiv="pragma" content="no-cache">
 14     <meta http-equiv="cache-control" content="no-cache">
 15     <meta http-equiv="expires" content="0">    
 16     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 17     <meta http-equiv="description" content="This is my page">
 18     <!--
 19     <link rel="stylesheet" type="text/css" href="styles.css">
 20     -->
 21   </head>
 22   what is HTML?
 23   HTML 是超文本標記語言,它是Inernet  上用於編寫網頁的主要標記語言
 24   
 25   <body>
 26   標題
 27    <!-- 作為標題標記,h1-h6由大變小 -->
 28     <h1>文刀山豆幾</h1>
 29     <h2>文刀山豆幾</h2>
 30     <h3>文刀山豆幾</h3>
 31     <h4>文刀山豆幾</h4>
 32     <h5>文刀山豆幾</h5>
 33     <h6>文刀山豆幾</h6>
 34     段落
 35     <!-- align 取值範圍為left,center,right -->
 36     <p align="center">這是段落的標簽</p>
 37   滾動
 38   <marquee direction="滾動方向" behavior="滾動方式">看看我滾沒滾</marquee>
 39   <!-- 
 40   direction 可選的值有 :up down left right  
 41   behavior  可選的值有:scroll,slide,alternate,分別表示迴圈滾動, 只滾動一次和來回交替滾動
 42   loop 值為整數
 43   scrollamount 的值為文字每次移動的長度,以像素為單位,scrolldelay 的單位為ms . -->
 44     列表
 45     <!-- 無序的列表 -->
 46     <ul>
 47     
 48     <li>列表項</li>
 49     <li>列表項</li>
 50     <li>列表項</li>
 51     
 52     </ul>
 53      <!-- 有序的列表 -->
 54     <ol>
 55         <li>看看這個</li>
 56     <li>看看這個</li>
 57     <li>看看這個</li>
 58     </ol>
 59 圖像與多媒體
 60     <img alt="" src="圖像文件的路徑及名稱">
 61  超鏈接
 62     <a href="鏈接路徑" target="目標視窗的打開方式">鏈接內容</a>
 63     <!-- target的屬性值可以為_self、_blank、_top以及_parent.其中 _self是target預設值-->
 64  表格
 65     <!-- 表格 -->
 66    <table>
 67        <tr>
 68            <td colspan="跨的列數值">單元格中的內容</td>
 69            <td rowspan="跨的行數值">單元格中的內容</td>
 70    </tr>
 71    <!-- 一組中有幾個<tr></tr>就表示該表格有幾行,一行中有幾個<td></td>,就表示該行中有幾個單元格 -->
 72    </table>
 73 表單   
 74    <!-- 表單 非常非常重要-->
 75    <!-- action 屬性值是表單中提交的地址,即表單中收集到的信息後傳遞到某頁面,例如和控制器之間 
 76            name 屬性給表單命名一個名稱,可以控製表單與後臺程式之間的關係。
 77            method get 或者post 方式提交,只需要記住,get提交方式不安全,且有字元限制,最大8192個字元,post沒有信息長度的限制,還很安全
 78            entype 表單信息提交的編碼方式,上傳文件時候必須選擇指定的格式。
 79    -->
 80    
 81    <form action="表單的處理程式">
 82    <input> 
 83    <!-- input 標記是最常用的表單標記,該標記允許用戶在表單中(文本框,單選框,覆選框,輸入
 84        類型是由類型屬性type定義的,常用的輸入類型如下) -->
 85         <!-- 文本框和密碼框 屬性值為text 代表的是單行文本框,屬性值為password ,代表密碼框 -->
 86    </form>
 87    <input type="file" name="文件域的名稱">
 88    使用文件上傳時,一定別忘記設置form 表單提交信息的編碼方式enctype = "multipart/form-data"
 89    <form>
 90        <input type="radio" value="male" name="sex" checked/> 91        <input type="radio" value="female" name="sex" checked/> 92    </form>
 93    
 94    <input type="checkbox" value="覆選框的值" name="覆選框的名稱" checked/>
 95    <!-- 按鈕 -->
 96    <input type="button" value="按鈕的值" name="按鈕的名稱">
 97    <input type="reset" value="按鈕的值" name="按鈕的名稱">
 98    <!--下拉列表-->
 99    <select name="下拉列表的名稱" size="顯示的項數" multiple>
100        <option value="選項值1" selected> 選項1顯示的內容
101        <option value="選項值2" selected> 選項2顯示的內容
102    </select>
103    文本區
104    <textarea rows="文本區的名稱" cols="列數" rows="行數"></textarea>
105   </body>
106 </html>

 

對應的WEB頁面

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Try this, it fixed it for me. Open Terminal and run: cd ~ mv .itmstransporter/ .old_itmstransporter/ "/Applications/Xcode.app/Contents/Applications/Ap... ...
  • 引言 Service服務是Android四大組件之一,在Android中有著舉足重輕的作用。Service服務是工作的UI線程中,當你的應用需要下載一個文件或者播放音樂等長期處於後臺工作而有沒有UI界面的時候,你肯定要用到Service+Thread來實現。因此你需要自己在Service服務裡面實現 ...
  • 1、ADB是什麼? ADB,即Android Debug Bridge,它是Android提供的一個通用的調試工具。藉助這個工具可以很好的調試開發程式。它是客戶端/服務端架構的命令工具,主要分三個部分: (1)adb客戶端:運行在我們的開發機器上 (2)adb 伺服器:在開發機器後臺運行的進程 (3 ...
  • 框架依舊在快速更新著:在重構、簡化代碼,統一標準的過程中。中間也遇到各種坑,不過好在一步一腳印的解決了。雖然還有些功能還在思考,不過教程,還是得補上:這篇就寫寫StartController,實現的代碼雖少,但原理很精彩!!! ...
  • private String isRoot(){ String bool = "Root:false"; try{ if ((!new File("/system/bin/su").exists()) && (!new File("/system/xbin/su").exists())){ bool ...
  • 1、APP跳轉 2、APP功能跳轉 3、系統功能調用 1、APP跳轉 1、被打開方 設置APP的URL Types(設置位置在 “項目 - TARGETS - APP icon - info - (拉到最下)URL Types ”)。 URL Schemes:填上,你要給其他應用調用的URL地址(自 ...
  • 先開一篇,以後再補充。。。 1、如果一個 tableView 對應多個 dataSource 。那麼要考慮,點擊/滑動 切換時,請求返回的數據,是否是當前 “功能選中”的位置。 對比請求前後的欄位、狀態若不是,1)、可丟棄。 2)、可刷新該狀態對應的 dataSource 數組(有的話),下次切換, ...
  • 下午001-動態操作元素 創建元素:$('標簽字元串')添加元素:append(),appendTo():追加子元素prepend(),prependTo():前加子元素after(),insertAfter():後加兄弟元素before(),insertBefore():前加兄弟元素動態刪除元素e ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...