html回憶殺--語法

HTML概述:

html主要做網頁的頁面,

我們看到的同一個頁面顯示不同的數據,則是通過JS,VBS,等語言把數據庫的數據寫入到Html文件

在python中通過WEB框架把數據動態更新到HTML模板中。


HTML文檔結構:

    標籤:組成html其本的元素,每個標籤都有自己的屬性,可以通過JS,CSS重定義。

    塊級標籤:佔用一整行或一個區域,如div、p

    行級標籤:佔用行內的一部分

    主動閉合標籤:前後必須對應<標籤名>內容</標籤名>

    自閉合標籤:不需要有後面的,自閉合標籤一般都是設置屬性。<標籤名 \>

    body中的標籤是可以嵌套的

<html>
    <!--註釋-->
    <head>
        <!-- 此處放置html文檔屬性標籤,不在網頁中顯示
        meta 標籤:    可設置的功能:定義編碼,跳轉,刷新,關鍵字,描述,設置兼容
        title 標籤:   設置網頁上方顯示的標題
        link 標籤:    網頁標題前面的小圖標
        style 標籤:   定義CSS樣式表
        Script標籤:   定義腳本語言
        
        -->
    </head>
    <body>
        <!--此處的標籤都是在網頁中顯示的
        佔位符: html中有部分符號不顯示,使用佔位符才能正確顯示
                &nbsp空格、&gt大於號、&lt小於號、等等...
        P標籤:  段落,段落間有間距,<p>hello</p>
        br:   換行,行間沒有間距,<br>
        h標籤:   加粗並指定字號。<h1>word</h1>,h1~h6
        
        input標籤:<input></input>
            type屬性定義了input類型
            name定義了input控件名字,方便調用
            value定義了默認值
            
            type類型:
                text: 文本框,name,value
                password: 密碼,neme,value
                submit: 提交按鈕,value
                button: 普通按鈕,可以通過JS或VBS改寫動作,value
                radio: 單選框,實現單選效果需要把所有的radio定義相同的name,name,value,checked='checked'
                checkbox: 複選框,name,value,checked='checked'
                file:上傳文件,依賴form表單的屬性enctype='multipart/form-data'
                reset:重置表單按鈕
        
        textarea標籤:多行文本框,name定義名字,默認值寫在開始和結束標籤中間。<textarea>默認值<\textarea>
        
        select標籤:下拉菜單
            option定義下拉選項,內部的value定義了傳遞值,默認顯示值在option開始和結束之間
            size框裏顯示的選項數量
            multiple可多選,<select multiple>
                
        a標籤:
            href定義超鏈接地址或#錨點
            #id 跳轉到內部id標籤位置
            網址 跳轉到指定網址 href='http://www.apple.com'
          target定義新打開的頁面方式
              自定義名字,例如給frame框架設定個名字,在target輸入frame名字,鏈接就會在指定的frame打開。
              _self 默認,當前窗口打開
              _blank 打開一個新窗口
              _parent 在父框架集中打開被鏈接文檔。
              _top 在整個窗口中打開被鏈接文檔。
              
        img 標籤: 插入圖片 <img /><div id='1' style=height:600px><img src="./捕獲.PNG" alt="lala" title="play man" /></div>
            src    圖片位置
            alt    圖片打不開時,提示的文字
            title 鼠標懸浮在圖片上顯示的文字提示
        
        列表:
            ul 單層列表,前面以符號標記,li
            ol 單層列表,前面以數字標記,li
            dl 雙層列表,dt一層,dd二層 
           
        table表格:
               <table> </table> border=1,表格線寬,thead,tbody,tfoot可以用來定義式樣。
             thead表頭
                 tr 行 
                     td 列 colspan=2 合併兩列爲一列,rowspan=2 合併兩行爲一行,需要刪除對應的單元格標籤
             tbody表內容
                 tr 行
                     td 列 
             tfoot頁腳                
                 tr 行
                    td 列                
             
        label 用戶點擊label,與label關聯的控件獲取光標,label名與控件名一致,代表關聯
            <label for='username'>用戶名</label>
            <input type='text' id='username' name='user'/>    
        
        fieldset 設置帶字邊框
            legend 設置文字 <legend> </legend>
            
            
        -->
    <body>
    
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章