溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
關(guān)于web前端入門
一、軟件結(jié)構(gòu)劃分
1、C/S結(jié)構(gòu)：Client（客戶）-Server（服務(wù)器）之間的交互。特點(diǎn)：客戶端的軟件必須升級(jí)才能使用服務(wù)器高版本的功能。例如：阿里巴巴等。
2、B/S結(jié)構(gòu)：Browser（瀏覽器）-Server（服務(wù)器）之間的交互。特點(diǎn)：瀏覽器端的軟件無需特定的升級(jí)就可訪問服務(wù)器端的網(wǎng)站。例如：網(wǎng)易新聞等。
JavaWeb/EE均基于B/S結(jié)構(gòu)。
二、網(wǎng)站基本認(rèn)識(shí)
基于B/S結(jié)構(gòu)的應(yīng)用都叫網(wǎng)站。組成：由很多的html標(biāo)簽組成。
三、W3C組織
規(guī)范了html、css、js（javascript）的寫法。其中：
html：結(jié)構(gòu)化標(biāo)準(zhǔn)。
css：美化網(wǎng)頁的樣式。
javascript：行為化標(biāo)準(zhǔn)。
四、HTML（Hyper Text Markup Language，超文本標(biāo)記語言）
1、HTML語言結(jié)構(gòu)
2、html常用標(biāo)簽
（1）常用文本標(biāo)簽
標(biāo)題標(biāo)簽：h2~h7（字體依次變?。?br/>縮進(jìn)標(biāo)簽：blockquote
段落標(biāo)簽：p
換行標(biāo)簽：<br/>
字體標(biāo)簽：font
上/下標(biāo)標(biāo)簽：sup/sub
水平線標(biāo)簽：hr
原樣輸出標(biāo)簽：pre
（2）圖像標(biāo)簽img
空標(biāo)簽體：<img/>
主要屬性如下：
src：鏈接到的資源圖片。
width：圖片寬度。兩種使用方式：a、指定像素；b、百分比（常用）。
height：圖片高度。
title：懸停狀態(tài)時(shí)顯示的文字。
alt：圖片失效時(shí)，用來解釋說明該圖片的文字。
（3）表格標(biāo)簽table
tr：行標(biāo)簽
td：單元格（列標(biāo)簽）
th：表頭標(biāo)簽（特點(diǎn)：自動(dòng)居中、自動(dòng)加粗）
主要屬性如下：
border：邊框（1px）（必有屬性）。
align：當(dāng)前表格在瀏覽器中的對(duì)齊方式。屬性值：center、left、right。
bgcolor：背景顏色。
rowspan：行合并。
colspan：列合并。
width：表格寬度。
height：表格高度。
caption：標(biāo)題標(biāo)簽。必須放在<table>標(biāo)簽之后，且每個(gè)表格只能規(guī)定一個(gè)標(biāo)題。
（4）表單標(biāo)簽form（重點(diǎn)）
作用：采集用戶輸入的數(shù)據(jù)。
應(yīng)用場景：a、登錄。輸入用戶名基本信息（用戶名、密碼等）→點(diǎn)擊登錄→提交到系統(tǒng)后臺(tái)→系統(tǒng)校驗(yàn)是否存在該用戶→若存在則登錄成功，否則失敗。b、注冊。采集用戶輸入信息→提交后臺(tái)→服務(wù)器數(shù)據(jù)庫查看是否有當(dāng)前用戶名，若有注冊失敗，若無則成功。
重要屬性：
action：提交的地址（資源文件或URL（統(tǒng)一資源定位符））。
method：提交方式，常用get、post。get與post區(qū)別如下：
get提交方式：a、將用戶信息戰(zhàn)士到地址欄中（不安全）；b、提交的文件大小不能超過64kb。
post提交方式：a、不會(huì)將用戶的信息展示到地址欄中（安全）；b、提交文件大小無限制。
onsubmit：表示當(dāng)前表單是否提交成功。true：提交成功。false：提交失敗。
name：表單標(biāo)簽中name屬性必須指定，用來給后臺(tái)提交。
舉例：
（5）超鏈接標(biāo)簽a
作用：a、連接到某個(gè)資源文件或資源地址（URL)；b、作為錨鏈接使用。
在同一個(gè)html頁面下時(shí)：
a、打錨點(diǎn)<a name="錨點(diǎn)名稱">錨點(diǎn)名稱</a>
b、創(chuàng)建跳轉(zhuǎn)<a href="#錨點(diǎn)名稱">跳轉(zhuǎn)名稱</a>
在不同html頁面下時(shí)：
a、打錨點(diǎn)<a name="錨點(diǎn)名稱">錨點(diǎn)名稱</a>
b、創(chuàng)建跳轉(zhuǎn)標(biāo)記
c、跳轉(zhuǎn)名稱<a href="資源文件或資源地址#錨點(diǎn)名稱">跳轉(zhuǎn)名稱</a>
常用屬性：
href：連接到的資源文件或地址。
target：打開資源文件的方式。常用屬性值：_self（在當(dāng)前窗口直接打開）、_blank（新建窗口打開）。
常用協(xié)議：
file://本地文件協(xié)議。
http://自己執(zhí)行流程。通過查看hosts文件中有沒有該域名對(duì)應(yīng)的ip。若有，調(diào)用程序訪問，若無，聯(lián)網(wǎng)操作訪問。
thunder://迅雷協(xié)議。
mailto://郵件協(xié)議。
（6）轉(zhuǎn)義字符（必須加分號(hào)）
空格： ； <： >：> 注冊商標(biāo)：®； 版權(quán)所有：©；
五、CSS（層疊樣式表Cascading Style Sheet）
1、三種使用方式
（1）行內(nèi)樣式
標(biāo)簽style屬性:指定樣式
弊端:style屬性和html標(biāo)簽混合使用,不利于后期維護(hù)
（2）內(nèi)部樣式（在head標(biāo)簽中,書寫style標(biāo)簽）
<style type="text/css">
標(biāo)簽名{
書寫樣式;
}
</style>
（3）外部樣式
a.創(chuàng)建一個(gè)獨(dú)立的后綴名為.css結(jié)尾的css文件
選擇器{
書寫樣式;
}
b.導(dǎo)入外部css文件
<link href="xxx.css" rel="stylesheet" type="text/css">
2、css選擇器
（1）標(biāo)簽選擇器
標(biāo)簽名稱｛
css屬性：css屬性值；
}
（2）id選擇器
#id屬性值｛
css屬性：css屬性值；
}
a、若一個(gè)標(biāo)簽同時(shí)被標(biāo)簽選擇器和id選擇器選中，id選擇器優(yōu)先級(jí)高于標(biāo)簽選擇器。
b、在同一個(gè)html頁面中，不能給多個(gè)標(biāo)簽指定同名id屬性。若同名，在js獲取標(biāo)簽對(duì)象時(shí)，無法獲取到。getElementById（”id屬性值“）。
（3）類選擇器
.class屬性值｛
css屬性：css屬性值；
}
同一個(gè)html頁面下，多個(gè)標(biāo)簽可制定同名class屬性。
（4）并集選擇器（同時(shí)選中多個(gè)標(biāo)簽，標(biāo)簽之間為”，“）
選擇器1，選擇器2，......｛
css屬性：css屬性值；
}
（5）交集選擇器（同時(shí)選中多個(gè)標(biāo)簽，標(biāo)簽之間為空格）
選擇器1 選擇器 ......｛
css屬性：css屬性值；
}
（6）偽類選擇器（偽類表示一種狀態(tài)）
3、css常用屬性
（1）文本屬性
（2）字體屬性
（3）背景屬性
（4）列表屬性
（5）表格屬性
六、盒子模型（div塊標(biāo)簽+css網(wǎng)頁布局）
常用屬性：
容量：給div標(biāo)簽指定高度和寬度。
設(shè)置邊框：div｛
border：尺寸 樣式 顏色；
width：寬度；
height：高度；
｝
內(nèi)邊距：padding（盒子與內(nèi)容之間的距離）。padding-left：盒子內(nèi)邊距向右移動(dòng)。其他移動(dòng)方向以此類推。
外邊距：margin（盒子和盒子之間的距離），下外邊距。其他方向以此類推。簡寫屬性：margin：上 右 下 左； 給按鈕設(shè)置外邊距時(shí)情況特殊，應(yīng)當(dāng)作為一個(gè)塊，整體設(shè)置外邊距。
display屬性：常用屬性值：none（常用此元素不會(huì)被顯示，被隱藏）、block（此元素顯示為塊級(jí)元素，前后帶有換行符）、inline（此元素被顯示為內(nèi)聯(lián)元素，前后無換行符）。
float浮動(dòng)屬性：常用屬性值：left（左浮動(dòng)）、right（右浮動(dòng)）。
clear屬性：設(shè)置一個(gè)元素側(cè)面是否有允許其他的浮動(dòng)元素。常用屬性值：both（在當(dāng)前兩側(cè)都不允許有浮動(dòng)元素）。
關(guān)于java入門
一、jdk安裝目錄的結(jié)構(gòu)
bin：全部是后綴名為.exe的可執(zhí)行文件。
db：針對(duì)開發(fā)工具包的一些核心的jar包（數(shù)據(jù)庫）。
include：以.h結(jié)尾的后綴文件，c文件。
lib：存放很多的核心類庫。
jre：包含了jvm（java虛擬機(jī)）。（jdk包含了java運(yùn)行環(huán)境，jre包含了jvm）。
src.zip：java源碼。
二、基本格式
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼