1. 程式人生 > 實用技巧 >AndroidStudio製作登入和註冊功能的實現,介面的佈局介紹

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的右上方

&nbsp (特殊符號)

在html中,字元之間的多個空格只能顯示出一個,如果想要顯示多個空格,使用&nbsp,代指空格

&copy

版權符號(特殊符號還有很多,用到哪個查哪個)

<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>