前端学习(7):web的三大技术
生活随笔
收集整理的這篇文章主要介紹了
前端学习(7):web的三大技术
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML(5)
是一門標記型語言,主要由一些具備特殊含義的標簽構成(建筑物結構)
所謂HTML是“超文本標記語言”的英文縮寫。我們上網所看到網頁,多數都是由HTML寫成的。“超文本”是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。而“標記”指的是這些超文本必須由包含屬性的開頭與結尾標志來標記。瀏覽器通過解碼HTML,就可以把網頁內容顯示出來,它也構成了互聯網興起的基礎
CSS(3)
是一門描述性語言,主要一系列選擇器(html元素)和屬性構成(建筑的外部與內部裝飾)
層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化
JavaScript
是一門腳本編程語言,包含類似java的語法(數據類型,數組,條件分支,循環,對象..)(對外運營)
是一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML網頁上使用,用來給HTML網頁增加動態功能。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>我是歌謠</title><style>div{color: red; font-style: italic;}</style> </head> <body><div>我是歌謠</div> </body> <script> let div = document.querySelector('div'); let timer = null; let flag = true; div.onmouseover = function(){timer = setInterval(()=>{if(flag){div.style.color ='blue';div.style.fontStyle ='normal';}else{div.style.color ='red';div.style.fontStyle ='italic';} flag = !flag;},500); }; div.onmouseout = function(){clearInterval(timer); }; </script> </html>運行結果(放在上面會不停切換)
總結
以上是生活随笔為你收集整理的前端学习(7):web的三大技术的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【c语言】背包问题的贪心法
- 下一篇: 前端学习(205):animation动