天天看點

web前端入門與java入門

關于web前端入門

一、軟體結構劃分

1、C/S結構:Client(客戶)-Server(伺服器)之間的互動。特點:用戶端的軟體必須更新才能使用伺服器高版本的功能。例如:阿裡巴巴等。

2、B/S結構:Browser(浏覽器)-Server(伺服器)之間的互動。特點:浏覽器端的軟體無需特定的更新就可通路伺服器端的網站。例如:網易新聞等。

JavaWeb/EE均基于B/S結構。

二、網站基本認識

基于B/S結構的應用都叫網站。組成:由很多的html标簽組成。

三、W3C組織

規範了html、css、js(javascript)的寫法。其中:

html:結構化标準。

css:美化網頁的樣式。

javascript:行為化标準。

四、HTML(Hyper Text Markup Language,超文本标記語言)

1、HTML語言結構

web前端入門與java入門

2、html常用标簽

(1)常用文本标簽

标題标簽:h1~h6(字型依次變小)

縮進标簽:blockquote

段落标簽:p

換行标簽:<br/>

字型标簽:font

上/下标标簽:sup/sub

水準線标簽:hr

原樣輸出标簽:pre

(2)圖像标簽img

空标簽體:<img/>

主要屬性如下:

src:連結到的資源圖檔。

width:圖檔寬度。兩種使用方式:a、指定像素;b、百分比(常用)。

height:圖檔高度。

title:懸停狀态時顯示的文字。

alt:圖檔失效時,用來解釋說明該圖檔的文字。

(3)表格标簽table

tr:行标簽

td:單元格(列标簽)

th:表頭标簽(特點:自動居中、自動加粗)

border:邊框(1px)(必有屬性)。

align:目前表格在浏覽器中的對齊方式。屬性值:center、left、right。

bgcolor:背景顔色。

rowspan:行合并。

colspan:列合并。

width:表格寬度。

height:表格高度。

caption:标題标簽。必須放在<table>标簽之後,且每個表格隻能規定一個标題。

(4)表單标簽form(重點)

作用:采集使用者輸入的資料。

應用場景:a、登入。輸入使用者名基本資訊(使用者名、密碼等)→點選登入→送出到系統背景→系統校驗是否存在該使用者→若存在則登入成功,否則失敗。b、注冊。采集使用者輸入資訊→送出背景→伺服器資料庫檢視是否有目前使用者名,若有注冊失敗,若無則成功。

重要屬性:

action:送出的位址(資源檔案或URL(統一資源定位符))。

method:送出方式,常用get、post。get與post差別如下:

get送出方式:a、将使用者資訊戰士到位址欄中(不安全);b、送出的檔案大小不能超過64kb。

post送出方式:a、不會将使用者的資訊展示到位址欄中(安全);b、送出檔案大小無限制。

onsubmit:表示目前表單是否送出成功。true:送出成功。false:送出失敗。

name:表單标簽中name屬性必須指定,用來給背景送出。

web前端入門與java入門

舉例:

web前端入門與java入門

(5)超連結标簽a

作用:a、連接配接到某個資源檔案或資源位址(URL);b、作為錨連結使用。

在同一個html頁面下時:

a、打錨點<a name="錨點名稱">錨點名稱</a>

b、建立跳轉<a rel="nofollow" href="#錨點名稱">跳轉名稱</a>

在不同html頁面下時:

b、建立跳轉标記

c、跳轉名稱<a rel="nofollow" href="資源檔案或資源位址#錨點名稱">跳轉名稱</a>

常用屬性:

href:連接配接到的資源檔案或位址。

target:打開資源檔案的方式。常用屬性值:_self(在目前視窗直接打開)、_blank(建立視窗打開)。

常用協定:

file://本地檔案協定。

http://自己執行流程。通過檢視hosts檔案中有沒有該域名對應的ip。若有,調用程式通路,若無,聯網操作通路。

thunder://迅雷協定。

mailto://郵件協定。

(6)轉義字元(必須加分号)

空格:  <:⁢ >:&gt 注冊商标:® 版權所有:©

五、CSS(層疊樣式表Cascading Style Sheet)

1、三種使用方式

(1)行内樣式

标簽style屬性:指定樣式

弊端:style屬性和html标簽混合使用,不利于後期維護

(2)内部樣式(在head标簽中,書寫style标簽)

<style type="text/css">

标簽名{

書寫樣式;

}

</style>

(3)外部樣式

a.建立一個獨立的字尾名為.css結尾的css檔案

選擇器{

b.導入外部css檔案

<link href="xxx.css" rel="stylesheet" type="text/css">

2、css選擇器

(1)标簽選擇器

标簽名稱{

css屬性:css屬性值;

(2)id選擇器

#id屬性值{

六、盒子模型(div塊标簽+css網頁布局)

容量:給div标簽指定高度和寬度。

設定邊框:div{

border:尺寸 樣式 顔色;

width:寬度;

height:高度;

内邊距:padding(盒子與内容之間的距離)。padding-left:盒子内邊距向右移動。其他移動方向以此類推。

外邊距:margin(盒子和盒子之間的距離),下外邊距。其他方向以此類推。簡寫屬性:margin:上 右 下 左; 給按鈕設定外邊距時情況特殊,應當作為一個塊,整體設定外邊距。

display屬性:常用屬性值:none(常用此元素不會被顯示,被隐藏)、block(此元素顯示為塊級元素,前後帶有換行符)、inline(此元素被顯示為内聯元素,前後無換行符)。

float浮動屬性:常用屬性值:left(左浮動)、right(右浮動)。

clear屬性:設定一個元素側面是否有允許其他的浮動元素。常用屬性值:both(在目前兩側都不允許有浮動元素)。

關于java入門

一、jdk安裝目錄的結構

bin:全部是字尾名為.exe的可執行檔案。

db:針對開發工具包的一些核心的jar包(資料庫)。

include:以.h結尾的字尾檔案,c檔案。

lib:存放很多的核心類庫。

jre:包含了jvm(java虛拟機)。(jdk包含了java運作環境,jre包含了jvm)。

src.zip:java源碼。

二、基本格式

web前端入門與java入門
web前端入門與java入門