Welcome to Yumao′s Blog.
Hello HTML
, 2012年04月12日 , Java Language , 评论 在〈Hello HTML〉中留言功能已關閉 ,

web基礎：html+css+javascript
客戶端靜態頁面:內容(操作)和數據(信息)/外觀和樣式/動態效果
服務器端技術:實現數據的交互,比如JSP處理服務器端
web開發:結合服務器端和客戶端技術

<由於HTML會被WP自動識別 以下內容進行Code化輸出>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
HTML課程
    1/什麼是html:開發網頁的一種客戶端技術
    2/編寫以及運行過程：解釋性，運行效果為準
    3/瀏覽器解釋運行：IE/Firefox/chrome/opera
    4/html文檔
        後綴.html/.htm的純文本文檔
        可以使用任何文本編輯器編輯
    5/html的基礎語法
        <start></start>
        <start>：單標記
一:文本標記
    <br />
    <p></p>段落
    <hn></hn>:n從1到6，表示標題文本
二：鏈接和圖像
    <a></a>
        href：url（相對地址/絕對地址）/mailto:/javascript:method()
        target：_self默認值/_blank
        title
    <img>
        src
        title
        width/height
        border
    為頁面定義錨點
        為目標位置使用<a>定義為錨點:name
        使用<a>導航到錨點:href="#name"
    為圖像添加映射
        <map name="aa">
            <area shape="rect" coords="" href="">
            <area shape="" coords="" href="">
            <area shape="" coords="" href="">
        </map>
        shape=rect coords="x,y,x1,y1"
        shape=circle coords="x,y,r"
        shape=poly
 
        <img src="" usemap="#aa">
三：表格
    基礎結構：table/tr/td
    常用屬性：border/width/height/cellspacing單元格之間以及與表格的外邊框之間的距離/cellpadding單元格內間距
        tr和td也可以附帶一些常用屬性：width/height/align/valign
    不規則的表格：
        td的屬性:colspan/rowspan
    表格標題：<caption>作為表格的第一個子元素
    行分組：thead/tbody/tfoot,tbody可以出現多次
 
四：表單--界面錄入數據，選擇數據，以表單為單位提交給服務器
    <form action="a.jsp" method="post"></form>
    包含子元素
        <input>元素，type屬性
            文本框 type=text value
            密碼框 type=password
            單選按鈕 type=radio name value checked
            複選按鈕 type=checkbox name
            文件    type="file"
            隱藏域  type="hidden" value="data"記載一些不需要顯示在頁面上的關鍵數據
            提交按鈕 type="submit"
            重置按鈕 type="reset"：恢復頁面默認初始數據
            普通按鈕 type="button"
 
        非<input>元素
            選擇列表：下拉框/列表框
                select：選擇列表 size multiple
                option: value
            多行文本框：<textarea> cols和rows屬性
            文本標籤：<label for="綁定的元素的id">文本內容</label>
 
五：列表
    無序列表：ul
    有序列表: ol
    列表項：  li
    列表的嵌套
 
六：框架頁面
    <frameset cols rows>
    <frame src>
    框架的嵌套
    浮動框架：iframe
 
課後任務：課堂知識點
    表格的練習：
    form的練習（TTS）

CodePackage

课堂内容

关键字:, , , , ,

评论已关闭