原标題:如果我了解HTML、CSS和JavaScript,我可以建立什麼有趣的東西?
相信正在學習Web前端知識的小夥伴們都知道,學習Web前端開發基礎技術需要掌握:HTML、CSS、Java,那麼這三個都是分别可以建立什麼有趣的東西呢?
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5SO1YGMjVDZiVzY2UWM2YmNxQDNjNmNkRmM4EDNjJWNl9CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
一、HTML是網頁内容的載體
内容就是網頁制作者放在頁面上想要讓使用者浏覽的資訊,可以包含文字、圖檔、視訊等。
二、CSS樣式是表現
就像網頁的外衣,比如:标題字型、顔色變化、為标題加入背景圖檔、邊框等。
所有這些用來改變内容外觀的東西稱之為表現。
三、Java是用來實作網頁上的特效效果
比如:滑鼠滑過彈出下拉菜單、滑鼠滑過表格的背景顔色改變、焦點新聞的輪換。
可以了解為:有動畫的、有互動的一般都用Java來實作。
HTML之代碼注釋:
代碼注釋是幫助程式員标注代碼的作用,過一段時間後再看你所編寫的代碼,就能很快想起這段代碼的作用。
代碼注釋不僅友善程式員自己回憶起以前代碼的用途,還可以幫助其他程式員很快的讀懂你的程式的功能,友善多人合作開發網頁代碼。
HTML之語義化:
語義化其實就是明白每個标簽的用途,它能夠讓你的網頁更好的被搜尋引擎了解。
它的好處可以總結為兩點:
(1)更容易被搜尋引擎收錄;
(2)更容易讓螢幕閱讀器讀出網頁内容;
HTML之em、strong和span的差別:
(1)和标簽是為了強調一段話中的關鍵字時使用,他們的語義是強調;
(2)标簽是沒有語義的,它的作用就是為了設定單獨的樣式用的;
HTML之summary,caption:
作用是為table添加标題和摘要
摘要的内容不會在浏覽器中顯示出來,它的作用是增加表格的可讀性(語義化),使搜尋引擎更好的讀懂表格内容,還可以使螢幕閱讀器更好的幫助特殊使用者讀取表格内容。
代碼注釋:
在CSS中的注釋語句:用來标明
在Html中使用來标明
HTML選擇器的問題:
後代選擇器與子選擇器的差別
子選擇器(child selector)僅是指它的直接後代,或者你可以了解為作用于子元素的第一代後代。而後代選擇器是作用于所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。
總結:
>作用于元素的第一代後代,空格作用于元素的所有後代。
以上就是我總結的HTML、CSS、Java這三個分别能實作的功能,希望能幫到大家!傳回搜狐,檢視更多
責任編輯: