html:(2):制作第一个网页和html和css的关系
生活随笔
收集整理的這篇文章主要介紹了
html:(2):制作第一个网页和html和css的关系
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在<h1>和</h1>標簽之間,輸入Hello World?字符串。
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>制作我的第一個網頁</title></head><body><h1>Hello World</h1></body> </html>學習web前端開發基礎技術需要掌握:HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什么的:
1.?HTML是網頁內容的載體。內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息,可以包含文字、圖片、視頻等。
2.?CSS樣式是表現。就像網頁的外衣。比如,標題字體、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
3.?JavaScript是用來實現網頁上的特效效果。如:鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的輪換。可以這么理解,有動畫的,有交互的一般都是用JavaScript來實現的。
下面給大家布置一個任務,在完成任務的時候,每輸入一行代碼,代碼窗口就會立即顯示出效果。
1.在右邊編輯器的第8行,輸入font-size:12px;(注意結果窗口的文字大小的變化)。
2.在右邊編輯器的第9行,輸入color:#930;(注意結果窗口的文字顏色的變化)。
3.在右邊編輯器的第10行,輸入text-align:center;(注意結果窗口的文字居中的變化)。
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Html和CSS的關系</title><style type="text/css">h1{font-size:12px;color:#930;text-align:center;}</style></head><body><h1>Hello World!</h1></body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(2):制作第一个网页和html和css的关系的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java scjp 试题_SCJP(JA
- 下一篇: java毕业设计明德学院网站源码+lw文