歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >
網頁能將文本、圖片、音頻、視頻等諸多元素結合起來,通過CSS,能呈現這些元素預定的外觀,通過JavaScrip腳本,能呈現預定的動作。
網頁設計前端語言HTML、HTML、JavaScript三者關系:
前端網頁語言 功能 說明 符號
HTML 內容 Hyper Text Markup Language <tag>…</tag>
CSS 內容呈現的外觀 Cascading Style Sheets <style>...</style>
JavaScript 內容呈現的動作 嵌入網頁有腳本 <script>...</script>
以上由瀏覽器解釋執行。
代碼舉例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>前端語言比較</title>
</head>
<style>
#container{
margin:auto;
width:75%;
.descri{
color:#990000;
font-size:120%;
</style>
<body>
<div id="container">
<h4>前端語言比較</h4>
<p class="descri">簡單加法器:</p>
<form name="myform">
加數:<input type="text" name="first" size="6" />
<span style="color:red;">+</span>&nbsp;被加數
<input type="text" name="second" size="6" />
<input type="button" onclick="sum()" value="求和" />
<span style="color:blue;">=</span>&nbsp;
<input type="text" name="result" size="6" />
</form>
</div>
<script type="text/javascript">
function sum(){
var resultValue,firstValue,secondValue;
firstValue = parseFloat(document.myform.first.value);
secondValue = parseFloat(document.myform.second.value);
resultValue = parseFloat(firstValue + secondValue);
document.myform.result.value = resultValue;
</script>
</body>
</html>
Chrome瀏覽器呈現:
網頁設計|HTML、CSS、JavaScript三者關系
網頁設計|HTML、CSS、JavaScript三者關系
HTML,Hyper Text Markup Language,就其字面理解,其核心是"Markup“(標記),通過“標記”,讓將文本、圖片、音頻、視頻等諸多元素呈現“超文本”(HyperText)的特點。
CSS,Cascading Style Sheets,就其字面理解,其核心是“Style“,也就是”樣式“。就像我們做Word文檔一樣,對文本進行格式化。但在網頁設計中,樣式是通過“屬性:屬性值“的代碼來表示,且這些“樣式”可以疊加,對對象的樣式描述可以列成序列的形式;
網頁設計|HTML、CSS、JavaScript三者關系
網頁設計|HTML、CSS、JavaScript三者關系
JavaScript,是一種網頁腳本語言,通過網頁中的一些事件能引發一些代碼的執行。

如需轉載,請注明文章出處和來源網址:http://www.hjkjtws.com.cn/html/h58277.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.hjkjtws.com.cn DIVCSS5版權所有。

时时彩内部管理计划群 5分pk10在线计 广西快3开奖 山水云南麻将麻将下载 老快3杀号定旦 七星彩最快开奖直播 下载新版黄骅打牌吧 正好黑龙江十一选五 吉林快三计划 网盛麻将棋牌游戏官网 聚天下配资 低于发行价的股票 麻将减对怎么玩 黑龙江快乐十分分布图 投资理财一万变三万 云南快乐10分钟手机版 娱网棋牌下载地址