Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android之Web篇：Day01Html與Css基礎入門

Android之Web篇：Day01Html與Css基礎入門

編輯：關於Android編程

Day01 html與css基礎入門

1.html的常見標簽和實戰

1.1 a標簽

點我送福利哦！
// target屬性值_blank表示另取空白頁打開網頁，用new有同樣的效果

1.2 img標簽

圖片信息丟失！
// alt屬性的值表示當圖片找不到時顯示的文字信息

1.3 列表標簽

    
    
  1. 我是天才1號
    2. 
    
  2. 我是天才2號
    3. 
    
  3. 我是天才3號
    4. 
    
  4. 我是天才4號
    5. 




    
    
  • 我是逗逼1號
    • 
    
  • 我是逗逼1號
    • 
    
  • 我是逗逼1號
    • 
    
  • 我是逗逼1號
    • 





    
日記第一天

        
好興奮啊要上課了

    
日記第二天

        
晚上要早點睡覺

    
日記第三天

        
真的心累啊熱啊




/* ol(ordered list)：有序
        li（list item）：列表項
   ul（unordered list）：無序
   dl（defined list）：自定義
        dt（defined title）：自定義標題
        dd（defined document）：自定義內容
*/

1.4 表格標簽


    
考試信息登記表

    
        姓名
        年齡
        性別
        成績
    
    
        小二
        17
        男
        99
    
    
        小三
        19
        女
        86
    
        小四
        17
        男
        100
    
        小五
        20
        男
        59
    


/* 
    table屬性：border表示邊框，cellpadding表示表格內邊距，spacepadding表示表格外邊距
    td屬性：rowspan表示合並的行數，colspan表示合並的列數
*/

1.5 表單標簽



    用戶名：

    密碼：


      

    

    男   
    女    

    

    籃球
    足球
    排球
    乒乓球

實戰1：1024網站入口

先來看一下效果圖


* 用到的圖片如下


代碼如下


    




警告 / WRANNING




    本物品內容可能看不明白；不可將本物品內容派發，傳閱，出售，出租，交給 或出借予年齡非程序猿的人士出示，播放或播映。




    This article contains material which may offernd and may not be distributed, circulated, sold, hired, given, lent, shown, played or projected to a person under the age of 18 years. All models are 18 or older.



    圖片已經丟失!

實戰2：世紀佳緣注冊頁面

先來看一下效果圖


* 用到的圖片如下


* 代碼如下


    
世紀佳緣征婚注冊表

    
        
            用戶名：
            
                
            
        
        
            密碼：
            
                
            
        

        
            性別：
            
                男
                女
        

        
            愛好：
            
                籃球
                足球
                排球
                玩毛線
        

        
            城市：
            
                
            
        

        
            個人宣言：

2.css的使用

2.1 盒子模型


    
        
        

        
    

    

        
            我是個天才
            
                我是個小天才

2.2 css的三種選擇器

css獲取html中的div有三種方式：類選擇器，元素選擇器，名稱選擇器。第一種是在div屬性中定義一個class屬性，然後在css中通過#來引用定義的值，同理第二種是通過.來引用，第三種是通過div名稱來引用。 導入css樣式到html中也有三種方式，如@import url(“css/style.css”);獲取@import url(css/style.css);都可以

代碼如下


    
    
    


    這是第一塊DIV區域
    這是第二塊DIV區域

    這是第一塊span區域
    這是第二塊span區域

    我是個天才

2.3 流式布局


    
        
        
        
    
    
        div1中的內容
        div2中的內容
        div3中的內容
  1. 上一頁:
  2. 下一頁:
關於Android編程
Android編程入門Android技術基礎Android資訊關於Android編程Android開發Android開發環境Android開發實例
相關文章
熱門文章
Android實現判斷某個服務是否正在運行的方法 android AsyncTask相關的一些面試題目 Android Widget 小部件(三) 在Activity中添加Widget Android4.4（MT8685）源碼WIFI--啟動 Android常見問題及開發經驗總結（三） Android刮刮卡效果實現代碼
Android的Bitmap和BitmapDrawable類解析-android學習之旅（六十）

使用簡單圖片使用Drawable對象bitmap和BitmapDrawa
如何使用Android中的OpenGL ES媒體效果

Android的媒體效果框架允許開發者可以很容易的應用多種令人印象深刻的
Android圖片加載框架

這篇文章主要和大家一起動手編寫Android圖片加載框架，從內部原理到具
AndroidStudio獲取MD5,SHA1的方法

AndroidStudio獲取MD5,SHA1的方法：第一步、打開And
閱讀排行版
Copyright © Android教程網 All Rights Reserved