資訊專欄INFORMATION COLUMN
摘要：目前，中關(guān)村黑馬程序員訓(xùn)練營已成長為行業(yè)學(xué)員質(zhì)量好課程內(nèi)容深企業(yè)滿意的移動(dòng)開發(fā)高端訓(xùn)練基地，并被評(píng)為中關(guān)村軟件園重點(diǎn)扶持人才企業(yè)。黑馬程序員的學(xué)員篩選制度，遠(yuǎn)比現(xiàn)在以上的企業(yè)招聘流程更為嚴(yán)格。
系統(tǒng)的學(xué)習(xí)可以參考w3c的教程
web概念概述
* JavaWeb：
* 使用Java語言開發(fā)基于互聯(lián)網(wǎng)的項(xiàng)目
* 軟件架構(gòu)：
1. C/S: Client/Server 客戶端/服務(wù)器端
* 在用戶本地有一個(gè)客戶端程序，在遠(yuǎn)程有一個(gè)服務(wù)器端程序
* 如：QQ，迅雷...
* 優(yōu)點(diǎn)：
1. 用戶體驗(yàn)好
* 缺點(diǎn)：
1. 開發(fā)、安裝，部署，維護(hù) 麻煩
2. B/S: Browser/Server 瀏覽器/服務(wù)器端
* 只需要一個(gè)瀏覽器，用戶通過不同的網(wǎng)址(URL)，可以訪問不同的服務(wù)器端程序
* 優(yōu)點(diǎn)：
1. 開發(fā)、安裝，部署，維護(hù) 簡(jiǎn)單
* 缺點(diǎn)：
1. 如果應(yīng)用過大，用戶的體驗(yàn)可能會(huì)受到影響
2. 對(duì)硬件要求過高
* B/S架構(gòu)詳解
* 資源分類：
1. 靜態(tài)資源：
* 使用靜態(tài)網(wǎng)頁開發(fā)技術(shù)發(fā)布的資源。
* 特點(diǎn)：
* 所有用戶訪問，得到的結(jié)果是一樣的。
* 如：文本，圖片，音頻、視頻, HTML,CSS,JavaScript
* 如果用戶請(qǐng)求的是靜態(tài)資源，那么服務(wù)器會(huì)直接將靜態(tài)資源發(fā)送給瀏覽器。瀏覽器中內(nèi)置了靜態(tài)資源的解析引擎，可以展示靜態(tài)資源
2. 動(dòng)態(tài)資源：
* 使用動(dòng)態(tài)網(wǎng)頁及時(shí)發(fā)布的資源。
* 特點(diǎn)：
* 所有用戶訪問，得到的結(jié)果可能不一樣。
* 如：jsp/servlet,php,asp...
* 如果用戶請(qǐng)求的是動(dòng)態(tài)資源，那么服務(wù)器會(huì)執(zhí)行動(dòng)態(tài)資源，轉(zhuǎn)換為靜態(tài)資源，再發(fā)送給瀏覽器
* 我們要學(xué)習(xí)動(dòng)態(tài)資源，必須先學(xué)習(xí)靜態(tài)資源！
* 靜態(tài)資源：
* HTML：用于搭建基礎(chǔ)網(wǎng)頁，展示頁面的內(nèi)容
* CSS：用于美化頁面，布局頁面
* JavaScript：控制頁面的元素，讓頁面有一些動(dòng)態(tài)的效果HTML
1. 概念：是最基礎(chǔ)的網(wǎng)頁開發(fā)語言
* Hyper Text Markup Language 超文本標(biāo)記語言
* 超文本:
* 超文本是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本.
* 標(biāo)記語言:
* 由標(biāo)簽構(gòu)成的語言。<標(biāo)簽名稱> 如 html，xml
* 標(biāo)記語言不是編程語言
2. 快速入門：
* 語法：
1. html文檔后綴名 .html 或者 .htm
2. 標(biāo)簽分為
1. 圍堵標(biāo)簽：有開始標(biāo)簽和結(jié)束標(biāo)簽。如
2. 自閉和標(biāo)簽：開始標(biāo)簽和結(jié)束標(biāo)簽在一起。如
3. 標(biāo)簽可以嵌套：
需要正確嵌套，不能你中有我，我中有你
錯(cuò)誤：
正確：
4. 在開始標(biāo)簽中可以定義屬性。屬性是由鍵值對(duì)構(gòu)成，值需要用引號(hào)(單雙都可)引起來
5. html的標(biāo)簽不區(qū)分大小寫，但是建議使用小寫。
* 代碼：
title
Hello World
Hello World
3. 標(biāo)簽學(xué)習(xí)：
1. 文件標(biāo)簽：構(gòu)成html最基本的標(biāo)簽
* html:html文檔的根標(biāo)簽
* head：頭標(biāo)簽。用于指定html文檔的一些屬性。引入外部的資源
* title：標(biāo)題標(biāo)簽。
* body：體標(biāo)簽
* ：html5中定義該文檔是html文檔
2. 文本標(biāo)簽：和文本有關(guān)的標(biāo)簽
* 注釋：
* to ：標(biāo)題標(biāo)簽
* h1~h6:字體大小逐漸遞減
*
：段落標(biāo)簽
*
：換行標(biāo)簽
*
：展示一條水平線
* 屬性：
* color：顏色
* width：寬度
* size：高度
* align：對(duì)其方式
* center：居中
* left：左對(duì)齊
* right：右對(duì)齊
* ：字體加粗
* ：字體斜體
* :字體標(biāo)簽
* :文本居中
* 屬性：
* color：顏色
* size：大小
* face：字體
* 屬性定義：
* color：
1. 英文單詞：red,green,blue
2. rgb(值1，值2，值3)：值的范圍：0~255 如 rgb(0,0,255)
3. #值1值2值3：值的范圍：00~FF之間。如： #FF00FF
* width：
1. 數(shù)值：width="20" ,數(shù)值的單位，默認(rèn)是 px(像素)
2. 數(shù)值%：占比相對(duì)于父元素的比例
* 案例：公司簡(jiǎn)介
黑馬程序員簡(jiǎn)介
公司簡(jiǎn)介
"中關(guān)村黑馬程序員訓(xùn)練營"是由傳智播客聯(lián)合中關(guān)村軟件園、CSDN， 并委托傳智播客進(jìn)行教學(xué)實(shí)施的軟件開發(fā)高端培訓(xùn)機(jī)構(gòu)，致力于服務(wù)各大軟件企業(yè)，解決當(dāng)前軟件開發(fā)技術(shù)飛速發(fā)展， 而企業(yè)招不到優(yōu)秀人才的困擾。
目前，“中關(guān)村黑馬程序員訓(xùn)練營”已成長為行業(yè)“學(xué)員質(zhì)量好、課程內(nèi)容深、企業(yè)滿意”的移動(dòng)開發(fā)高端訓(xùn)練基地， 并被評(píng)為中關(guān)村軟件園重點(diǎn)扶持人才企業(yè)。
黑馬程序員的學(xué)員多為大學(xué)畢業(yè)后，有理想、有夢(mèng)想，想從事IT行業(yè)，而沒有環(huán)境和機(jī)遇改變自己命運(yùn)的年輕人。 黑馬程序員的學(xué)員篩選制度，遠(yuǎn)比現(xiàn)在90%以上的企業(yè)招聘流程更為嚴(yán)格。任何一名學(xué)員想成功入學(xué)“黑馬程序員”， 必須經(jīng)歷長達(dá)2個(gè)月的面試流程，這些流程中不僅包括嚴(yán)格的技術(shù)測(cè)試、自學(xué)能力測(cè)試，還包括性格測(cè)試、壓力測(cè)試、 品德測(cè)試等等測(cè)試。毫不夸張地說，黑馬程序員訓(xùn)練營所有學(xué)員都是精挑細(xì)選出來的。百里挑一的殘酷篩選制度確 保學(xué)員質(zhì)量，并降低企業(yè)的用人風(fēng)險(xiǎn)。
中關(guān)村黑馬程序員訓(xùn)練營不僅著重培養(yǎng)學(xué)員的基礎(chǔ)理論知識(shí)，更注重培養(yǎng)項(xiàng)目實(shí)施管理能力，并密切關(guān)注技術(shù)革新， 不斷引入先進(jìn)的技術(shù)，研發(fā)更新技術(shù)課程，確保學(xué)員進(jìn)入企業(yè)后不僅能獨(dú)立從事開發(fā)工作，更能給企業(yè)帶來新的技術(shù)體系和理念。
一直以來，黑馬程序員以技術(shù)視角關(guān)注IT產(chǎn)業(yè)發(fā)展，以深度分享推進(jìn)產(chǎn)業(yè)技術(shù)成長，致力于弘揚(yáng)技術(shù)創(chuàng)新，倡導(dǎo)分享、 開放和協(xié)作，努力打造高質(zhì)量的IT人才服務(wù)平臺(tái)。
江蘇傳智播客教育科技股份有限公司
版權(quán)所有Copyright 2006-2018©, All Rights Reserved 蘇ICP備16007882
3. 圖片標(biāo)簽：
* img：展示圖片
* 屬性：
* src：指定圖片的位置
* 代碼：
4. 列表標(biāo)簽：
* 有序列表：
* ol:
* li:
* 無序列表：
* ul:
* li:
5. 鏈接標(biāo)簽：
* a:定義一個(gè)超鏈接
* 屬性：
* href：指定訪問資源的URL(統(tǒng)一資源定位符)
* target：指定打開資源的方式
* _self:默認(rèn)值，在當(dāng)前頁面打開
* _blank：在空白頁面打開
* 代碼：
點(diǎn)我
點(diǎn)我
點(diǎn)我
列表標(biāo)簽
聯(lián)系我們
6. div和span：
* div:每一個(gè)div占滿一整行。塊級(jí)標(biāo)簽
* span：文本信息在一行展示，行內(nèi)標(biāo)簽 內(nèi)聯(lián)標(biāo)簽
7. 語義化標(biāo)簽：html5中為了提高程序的可讀性，提供了一些標(biāo)簽。
1. ：頁眉
2.