AndroidStudio製作登入和註冊功能的實現,介面的佈局介紹
1.<!DOCTYPE html>
告知瀏覽器以哪種規範來解析html檔案
2.head標籤
<meta>標籤
<meta>標籤有2個屬性,分別是http-equiv屬性和name屬性,不同的屬性有不同的引數值
name屬性主要用於描述網頁,與之對應的屬性為content,主要內容是便於搜尋引擎機器人查詢資訊和分類資訊
<meta name='keyword' content='關鍵詞'> <meta name='discription' content="描述語句">
http-equiv屬性相當於http檔案頭作用,可以向瀏覽器傳回一些有用的資訊,以幫助精確的顯示網頁內容,與之對應的屬性為content
<meta http-equiv='Refresh' content="秒數;url" > 跳轉網頁時使用,在指定的秒數後跳轉到指定的網站,不加url會在指定的秒數後重新整理 <meta http-equiv='concent_Type 'charset="UTF-8"> 指定編碼方式
<title>
<title>標籤,設定網頁的標題
<link>
link> 設定標題圖片連線
<link rel='icon' href=圖片的Ip地址或者路徑> 以連線形式將圖片放到網頁顯示,這裡是顯示在標題的圖片上
3.body標籤
注意:
所有標籤被分為塊級標籤和內聯標籤,塊級標籤通常佔用一片區域,內聯標籤佔用與標籤體大小相同的區域
<h*>
<h1> <h2> <h3> <h4> <h5> <h6>
設定標題的標籤,根據數字越大,標題號顯示的字型越小,字型加黑加粗
<hr/>
在標籤上列印一條橫線
<br/>
瀏覽器解析時,換行符解析為空格,還是在同一行,想要將字元多行顯示,在後加<br/> ,換行標籤
<p>
換行標籤,換行的同時,在行與行之間帶有空格顯示
<div>
什麼效果都沒有,但是div時一個塊級(block)標籤,它控制的不僅僅是標籤體,通常是一塊一行的區域,它控制的區域別的標籤都不能使用
可以按照自己的想法對標籤體進行設計,通常與span配合使用
<span>
也不自帶效果
內聯(in-line)標籤,佔用的區域根自己的字元大小有關,有多少大小,就佔用多少區域
<b>
字型加粗標籤
<em>
字型變斜體標籤
<strike>
去除標籤,在標籤體中畫一道橫線,不建議使用,大多使用<del>
<sub>
下角標,如2<sub>3</sub> 3在2的右下方
<sup>
上角標,如2<sup>3</sup> 2的3次方,3在2的右上方
  (特殊符號)
在html中,字元之間的多個空格只能顯示出一個,如果想要顯示多個空格,使用 ,代指空格
©
版權符號(特殊符號還有很多,用到哪個查哪個)
<img/>
在html插入圖片 <img src=圖片路徑>
還可以對圖片的大小進行設定<img src=圖片路徑 width=長度(單位px) height=高度(單位px)alt=字元(圖片載入不出來顯示)title=字串(圖片的名字)>
執行到Img時,程式需要到指定位置載入圖片,耗時較長,會專門新開一個執行緒來完成圖片載入
<a>
兩個功能:超連結,錨
1.超連結屬性<a href=url>連結文字</a>,如<a href='www.baidu.com'>百度</a>
可以新增屬性 target='_blank' 在新的窗口裡開啟超連結
2.實現一篇長文章的快速滑動,跳轉到指定位置<a href=#標籤名>標題名</a> 點選標題名後直接跳轉到指定的標籤
<ul>
無序列表,其中的標籤無序排列顯示
在顯示的時候不新增數字開頭1,2,3,4
<ol>
有序列表,其中的標籤按順序排列顯示
在顯示的時候新增數字開頭1,2,3,4
注意(ul標籤和ol標籤中的標籤都是li標籤)
<dl>
定義列表
以顯示目錄的情況顯示文字
其中包裹<dt> 以標題形式 <dd> 普通的文字
<table>
表格形式
<form>
表單標籤,用於向伺服器傳送資料
通過標籤向伺服器提交資料時要在<form>裡進行設定
屬性method,可以為get或post.設定資料提交的方式
get,將資料以鍵值對的形式放在位址列的url後,直接傳送給伺服器
post 將所有要傳送的資料進行封裝,放在請求體中傳送給伺服器
屬性action裡存放的資料要提交給哪個url,想要互動的網址
<input/>
輸入框標籤們可以通過屬性type修改輸入框的型別
其中type="submit"型別的按鈕可以提交form表單的資料
<input type="checkbox",name='xxx',vulues=''xxx>
上放程式碼是複選框,可以選擇多個,形狀為方形
複選框中標識資料時,name都是相同的,vuales值各不相同 ,選擇一個,values=xxx,選擇多個,values=[xxxx,xxx..],根據values的值來判斷選擇的是哪些複選框
當選中一個多選框時,該多選框的checked屬性變為true,取消選擇時,checked=false,可以用來改變多選框的選中狀態
注意:name屬性是給伺服器看的,作用是具體標識收到的值都是哪個標籤發來的。因此 input型別的一些標籤都要帶有name屬性
以鍵值對的形式將name和值發給伺服器
<input type="radio" ,name=xxx,values=xxx>
上方程式碼是單選框
多個選擇框新增name屬性,並且name屬性值相同,values的值各不相同
最終傳送時values的值只能有一個,它必須為單選框
<input type="file">
上傳檔案,傳送的檔案被封裝在rep.files中,以for迴圈再get獲取檔案,再新建一個檔案從新寫入收到的資料即可
<input type="reset">
重置Input標籤中已經填入和選擇的資料
<select>
下拉選框 ,可以在多個下拉列表中選擇一個數據
其中包裹著<option> 標籤 ,內容就是下拉選框中的一個值
name屬性要定義在select中,values要分別定義在option中,如下:如果選擇北京,向伺服器傳送的資料就是city:['beijing']
<select name="city" > <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="hefei">合肥</option> </select>
如果想在下拉選框中選擇多個數據,就只要在select中加入multiple標籤,後面可加size屬性,設定一次最大顯示幾個內容
<select name="asdsa" multiple size="5">
如果選擇的值其下還有其他分支
在其標籤下新增<optgroup label="dfd"></optgroup>,就會使該選項無法被選擇,成為標題作用
<testarea>
文字框,可以設定文字框的大小,幾行幾列
<textarea rows="20" cols="20"></textarea>
<lable>
將文字與標籤連結在一起,點選文字就是點選標籤
<lable for=標籤id>文字</lable>
<table>
表格標籤,表示表格,表格的所有內容需要寫在 <table> 和 </table> 之間
<tr> 是 table row 的簡稱,表示表格的行。表格中有多少個 <tr> 標籤就表示有多少行資料。
<td> 是 table datacell 的簡稱,表示表格的單元格,這才是真正存放表格資料的標籤。單元格的資料可以是文字、圖片、列表、段落、表單、水平線、表格等多種形式。
<th> 是 table heading 的簡稱,表示表格的表頭。
rowspan:表示跨行合併。
colspan:表示跨列合併
<tr> <th>姓名</th> <th>性別</th> <th>學號</th> </tr> <tr> <th rowspan="2">1</th> <th>2</th> <th>3</th> </tr> <tr> <th colspan="2">4</th> </tr>