天天看點

js css html有趣,如果我了解HTML、CSS和JavaScript,我可以建立什麼有趣的東西?

原标題:如果我了解HTML、CSS和JavaScript,我可以建立什麼有趣的東西?

相信正在學習Web前端知識的小夥伴們都知道,學習Web前端開發基礎技術需要掌握:HTML、CSS、Java,那麼這三個都是分别可以建立什麼有趣的東西呢?

js css html有趣,如果我了解HTML、CSS和JavaScript,我可以建立什麼有趣的東西?

一、HTML是網頁内容的載體

内容就是網頁制作者放在頁面上想要讓使用者浏覽的資訊,可以包含文字、圖檔、視訊等。

二、CSS樣式是表現

就像網頁的外衣,比如:标題字型、顔色變化、為标題加入背景圖檔、邊框等。

所有這些用來改變内容外觀的東西稱之為表現。

三、Java是用來實作網頁上的特效效果

比如:滑鼠滑過彈出下拉菜單、滑鼠滑過表格的背景顔色改變、焦點新聞的輪換。

可以了解為:有動畫的、有互動的一般都用Java來實作。

HTML之代碼注釋:

代碼注釋是幫助程式員标注代碼的作用,過一段時間後再看你所編寫的代碼,就能很快想起這段代碼的作用。

代碼注釋不僅友善程式員自己回憶起以前代碼的用途,還可以幫助其他程式員很快的讀懂你的程式的功能,友善多人合作開發網頁代碼。

HTML之語義化:

語義化其實就是明白每個标簽的用途,它能夠讓你的網頁更好的被搜尋引擎了解。

它的好處可以總結為兩點:

(1)更容易被搜尋引擎收錄;

(2)更容易讓螢幕閱讀器讀出網頁内容;

HTML之em、strong和span的差別:

(1)和标簽是為了強調一段話中的關鍵字時使用,他們的語義是強調;

(2)标簽是沒有語義的,它的作用就是為了設定單獨的樣式用的;

HTML之summary,caption:

作用是為table添加标題和摘要

摘要的内容不會在浏覽器中顯示出來,它的作用是增加表格的可讀性(語義化),使搜尋引擎更好的讀懂表格内容,還可以使螢幕閱讀器更好的幫助特殊使用者讀取表格内容。

js css html有趣,如果我了解HTML、CSS和JavaScript,我可以建立什麼有趣的東西?

代碼注釋:

在CSS中的注釋語句:用來标明

在Html中使用來标明

HTML選擇器的問題:

後代選擇器與子選擇器的差別

子選擇器(child selector)僅是指它的直接後代,或者你可以了解為作用于子元素的第一代後代。而後代選擇器是作用于所有子後代元素。後代選擇器通過空格來進行選擇,而子選擇器是通過“>”進行選擇。

總結:

>作用于元素的第一代後代,空格作用于元素的所有後代。

以上就是我總結的HTML、CSS、Java這三個分别能實作的功能,希望能幫到大家!傳回搜狐,檢視更多

責任編輯: