關于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語言結構
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCM581dvRWYoNHLwEzX5xCMx8FesU2cfdGLwATMfRHLGZkRGZkRfJ3bs92YskmNhVTYykVNQJVMRhXVEF1X0hXZ0xiNx8VZ6l2cssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnLilzNlVmN5YmMzEGN4UjMjJDZkRDOhhTZ4UGZlBzMxE2LcljMvw1MwgTMwIzLcd2bsJ2LcNXZnFWbp9CXt92Yu8GdjFTNuITavw1LcpDc0RHaiojIsJye.png)
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屬性必須指定,用來給背景送出。
舉例:
(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)轉義字元(必須加分号)
空格:&nbsp; <: >:&gt 注冊商标:&reg; 版權所有:&copy;
五、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源碼。
二、基本格式