您好,歡迎來到網暖!
?
當前位置:網暖 » 站長資訊 » 建站基礎 » 網絡技術 » 文章詳細 訂閱RssFeed

web前端入門到實戰:Html介紹,CSS介紹,JavaScript介紹

來源:網絡整理 瀏覽:141次 時間:2019-12-10

標題圖

CSS介紹

學前端必備掌握CSS樣式,css為層疊樣式表,用來定義頁面的顯示效果,加強用戶的體驗樂趣,那么如何用css到html中呢?

style屬性方式

利用標簽中的style屬性來改變顯示樣式

p標簽作者:

在head中加入style標簽作者:

p{color:#FFF000;}

鏈接方式

總結CSS

選擇器名稱 {

屬性名:屬性值;

…….

}

屬性與屬性之間用 分號 隔開

屬性與屬性值用 冒號 連接

選擇器

1.class選擇器

2.id選擇器

.class# id

Html

html為超文本標記語言,通過標簽來定義的語言,代碼不用區分大小寫。

頭標簽

:指定瀏覽器中標題欄顯示的內容。<meta>:網頁的描述信息。

在標簽中常用:

字體

標題標簽:<h1><h2>…..<h6>

列表

名稱Tom名稱Tom

圖像

圖像標簽:<img>圖像地圖:<map>

表格

表格標簽:<table>標題<caption> 表頭<th> 行<tr> 單元格<td>

表格標題姓名年齡dashucoding10

超鏈接

超鏈接<a href=””>定位標記<a href=”#標記”>

表單

文本框 text

密碼框 password

單選框 radio

復選框 checkbox

提交按鈕 submit

重置按鈕 reset

按鈕 button

圖像 image

JavaScript介紹

JavaScript是基于對象和事件驅動的腳本語言,為html提供信息的動態交互,安全性高,跨平臺性強。JS是基于對象,且是弱類型。

引入:

將JavaScript腳本代碼嵌入到HTML文檔中

document.write("歡迎來到JavaScript世界!");

functionclickme(){ alert("鼠標單擊!");}

腳本代碼的位置

在<head></head>標記對之間放置

在<body></body>標記對之間放置

變量

變量名以字母或下劃線("_")開頭

變量可以包含數字、從 A 至 Z 的大小寫字母

JavaScript區分大小寫

變量的聲明和賦值

定義變量:var name;

賦值:name = dashucoding;

常量

1.整型

2.浮點型

3.字符串型

4.數據類型

5.弱類型,區分大小寫

數值型

整型、浮點型

字符串型

單引號或雙引號引起來

布爾型

true, false

Null、undefined

運算符

算術運算符

+、-、 * 、 / 、%、++、--

比較運算符

==、!=、>、>=、<、<=

邏輯運算符

&&、||、!

條件運算符

?:

函數

function函數名(參數...){ 執行語句;return返回值;}

數組

vararr =newArray();

for(var x=0; x<arr.length; x++){

alert(arr[x]);}

循環語句

1.for語句

2.while語句

3.for…in語句

4.中斷循環語句

for(初始化; 條件; 增量){ 語句;}

while(條件){ 語句; }

for(變量in對象){ 語句;}

推薦站點

  • 騰訊騰訊

    騰訊網(www.QQ.com)是中國瀏覽量最大的中文門戶網站,是騰訊公司推出的集新聞信息、互動社區、娛樂產品和基礎服務為一體的大型綜合門戶網站。騰訊網服務于全球華人用戶,致力成為最具傳播力和互動性,權威、主流、時尚的互聯網媒體平臺。通過強大的實時新聞和全面深入的信息資訊服務,為中國數以億計的互聯網用戶提供富有創意的網上新生活。

    www.qq.com
  • 搜狐搜狐

    搜狐網是全球最大的中文門戶網站,為用戶提供24小時不間斷的最新資訊,及搜索、郵件等網絡服務。內容包括全球熱點事件、突發新聞、時事評論、熱播影視劇、體育賽事、行業動態、生活服務信息,以及論壇、博客、微博、我的搜狐等互動空間。

    www.sohu.com
  • 網易網易

    網易是中國領先的互聯網技術公司,為用戶提供免費郵箱、游戲、搜索引擎服務,開設新聞、娛樂、體育等30多個內容頻道,及博客、視頻、論壇等互動交流,網聚人的力量。

    www.163.com
  • 新浪新浪

    新浪網為全球用戶24小時提供全面及時的中文資訊,內容覆蓋國內外突發新聞事件、體壇賽事、娛樂時尚、產業資訊、實用信息等,設有新聞、體育、娛樂、財經、科技、房產、汽車等30多個內容頻道,同時開設博客、視頻、論壇等自由互動交流空間。

    www.sina.com.cn
  • 百度一下百度一下

    百度一下,你就知道

    www.baidu.com
?
买北京单场