web前段:
html
css
js(java script)--javascript高級編程(裏面內容針對js一些編程)
支持JavaEE的核心:
xml解析
tomcat
http協議
servlet
Jsp
MySQL
Jdbc
..
前段框架:
Jquery ,Ajax,easy-ui
1 引入
軟件結構的劃分:
1)C/S結構: Client –Server :客戶端和服務器端
特點:針對客戶端的應用必須升級才能使用服務器端的高版本功能
應用:QQ,應用軟件等等
2)B/S結構:Browser-Server :瀏覽器和服務器端
特點:只要保證計算機中有瀏覽器軟件就可以去訪問網站裏面的一些內容,不需特定的升級!
應用:網易新聞…
JavaEE:13種技術:javamiao ,EJB 分佈式處理,等等…
2 網站
將基於”B/S”結構的這種軟件統稱爲網站,網站它是由很多頁面組成,每一個頁面由什麼組成的?
沒一個頁面就是由很多html標籤組成!
3 HTML的入門
全稱:Hyper Text Markup Language :超文本標記語言,超文本體現在哪裏?
針對字體,顏色,大小,圖片,動畫,音頻等等進行操作的超文本
Html語言它的結構:
<html>
<head>
<title>頁面的窗口標題欄</title>
</head>
<body>
頁面的主體部分,這裏面的內容會顯示在瀏覽器中
</body>
</html>
//文檔聲明 :聲明當前html頁面的標準
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html標籤分類:
閉合標籤(有標籤體的標籤):有開始有結束的標籤:<html></heml>,<title></title>....
空標籤:<img src=”連接到的圖片資源文件” />,<meta />:支持的當前頁面的編碼格式以及當前文本類型
4 結構的描述
html頁面的規範是由萬維網聯盟組織規定了一些標準:
1)html標準: 結構化標準
2) css標準: 樣式化標準(美化網頁的)
3)javascript標準:行爲化標準(BOM編程和DOM編程)
DOCTYPE : 告訴瀏覽器當前頁面的規範: 聲明文檔類型
head標籤:告訴瀏覽器當前html頁面的編碼格式以及文本類型
!--
html的註釋;
head標籤:
子標籤<meta/> 通過該標籤來聲明文本的類型 以及編碼格式
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
content:當前文本類型:text/html
http-equiv="Content-Type"
-->
<!--
meta標籤還有其他的屬性
name屬性:它常用的屬性值:keywords
網頁排名
決定因素有哪些?
1)有一個崗位:SEO 網絡優化 使用SEO的技術,將該公司的網站往前排名
2)通過關鍵字它在當前整個content內容中所佔的權重百分比
一般情況:關鍵字的內容3-5個最好的
-->
<meta name="keywords" content="java-php-python-c" />
<!--
meta標籤name屬性
還可以去指定一個屬性:description 描述當前頁面中主要內容
標題1
描述
標題2
描述
標題3
描述
-->
<meta name="description" content="這是一個家做Java開發的軟件公司" />
body標籤 :在瀏覽器中會顯示body中的內容
title標籤:是頁面的窗口標題的標籤
html的註釋: <!-- -->
5 超鏈接標籤
超鏈接標籤:<a></a>
會經常使用一些屬性!
href:連接到的資源文件(包含一些圖片文件),也可以連接URL(統一資源定位符號)
URI:表示互聯網協議,包含很多 URL(裏面使用http://協議最多的)
target:打開資源文件的一種方式:
兩個常用的值:_blank:新建一個窗口打開
_self:在當前窗口直接打開
超鏈接有哪些作用:
1)可以連接到資源文件或者資源地址
2)可以作爲錨鏈接來使用
使用錨鏈接:
在同一頁面下進行跳轉
name屬性:錨鏈接的名稱 ---打了一個跳轉標記
a:創建一個跳轉標籤<a name="name"></a>
b:跳轉到標記<a href="#name屬性值">開始跳轉</a>
在不同頁面下的跳轉
a:創建跳轉標記
<a name="name"></a>
b:創建跳轉鏈接
<a href="xxx.html#跳轉標記的name屬性值"></a>
6 圖像標籤
圖像標籤: 空標籤
<img />
常用的屬性:
src:鏈接到圖片的資源文件
title:鼠標懸浮到圖片上時,會顯示提示文字
alt:當圖片資源失效的時候,會有替代文本
width:圖片的寬度
height:圖片的高度
7 轉義字符
常用的轉義字符
< : < ; letter than
>: > greater than
空格:
註冊商標: ®
版權所有:© : ©
初學web
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章