国产欧美日韩第一页|日本一二三不卡视频|在线精品小视频,亚洲第一免费播放区,metcn人体亚洲一区,亚洲精品午夜视频

<blockquote id="pqo5c"><b id="pqo5c"><small id="pqo5c"></small></b></blockquote>

<wbr id="pqo5c"><sup id="pqo5c"></sup></wbr>

<s id="pqo5c"><nav id="pqo5c"></nav></s>

<pre id="pqo5c"><strong id="pqo5c"></strong></pre>

相關(guān)文章

國信辦再關(guān)閉31家違規網(wǎng)站云南省2019年國家網(wǎng)絡(luò )安全周在麗江啟動(dòng)，藍隊云獲頒“最佳技術(shù)支持獎” 英特爾計劃在中國打造物聯(lián)網(wǎng)國際品牌云南公布第二批免費向社會(huì )提供信息技術(shù)服務(wù)企業(yè)名單中國互聯(lián)網(wǎng)企業(yè)赴美上市規模預計今年或減半

幫助中心 > 技術(shù)知識庫 > 云服務(wù)器 > 服務(wù)器教程 > HTML、 CSS、 JavaScript三者的關(guān)系

HTML、 CSS、 JavaScript三者的關(guān)系

2023-12-15 16:08:10 351

HTML、 CSS、 JavaScript三者的關(guān)系

網(wǎng)頁(yè)主要由三部分組成：結構（ Structure）、表現（ Presentation）和行為（ Behavior）

HTML —— 結構，決定網(wǎng)頁(yè)的結構和內容（ “是什么”）

CSS —— 表現（樣式），設定網(wǎng)頁(yè)的表現樣式（ “什么樣子”）

JavaScript（ JS） —— 行為，控制網(wǎng)頁(yè)的行為（ “做什么”）

三者間的關(guān)系

一個(gè)基本的網(wǎng)站包含很多個(gè)網(wǎng)頁(yè)，一個(gè)網(wǎng)頁(yè)由html, css和javascript組成。

html是主體，裝載各種dom元素；css用來(lái)裝飾dom元素；javascript控制dom元素。

用一扇門(mén)比喻三者間的關(guān)系是：html是門(mén)的門(mén)板，css是門(mén)上的油漆或花紋，javascript是門(mén)的開(kāi)關(guān)；

html介紹

html是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言，它不是一種編程語(yǔ)言，而是一種標記語(yǔ)言（標記標簽），總的來(lái)說(shuō)，html使用標記標簽來(lái)描述網(wǎng)頁(yè)，本文就用標簽來(lái)代替標記標簽進(jìn)行說(shuō)明。

標簽是指<html></html>，<div></div>。

標簽是有語(yǔ)義的：標題用<h1>，表格展示用<table>，鏈接用<a>，無(wú)序排列用<ul>等等。

標簽里可帶有各類(lèi)屬性，最基本的就是class和id。class屬性的作用是引用css樣式；id的作用是配合javascript使用，具有唯一性。下面舉幾個(gè)例子說(shuō)明

圖片標簽<img>的主要屬性有src，alt。src是引用圖片的網(wǎng)絡(luò )地址（必要）；alt是對這張圖片的描述，如果圖片加載不成功，則會(huì )顯示alt的文字。

超鏈接<a>的主要屬性有href，target。href是指鏈接要跳轉的網(wǎng)址（必要）；target是告訴瀏覽器點(diǎn)擊這個(gè)鏈接后要以哪種形式找開(kāi)窗口，target=”_blank”是指打開(kāi)一個(gè)新窗口

css介紹

css的官方名字叫層疊樣式表，它的出現是為了解決內容和表現分離的問(wèn)題，一般存放在.css文件里。

使用css。

可在html的頭元素<head>里書(shū)寫(xiě)，或者書(shū)寫(xiě)在CSS文件并在html里引用該文件。

css優(yōu)先權。

多個(gè)css樣式可集中在單個(gè)html標簽里，出現這種情況時(shí)，一般按優(yōu)先權劃分

1.瀏覽器默認設置（最低）

2.外部樣式表

3.內部樣式表（寫(xiě)在html的<head>標簽內部）

4.內聯(lián)樣式（寫(xiě)在html的標簽里，即style屬性）（最高）

css的語(yǔ)法。

css由兩個(gè)主要部分組成，選擇器，一條或多條聲明。

選擇器是指css樣式的名字“.seletor”，名字前面要帶上一點(diǎn)“.”。聲明是由屬性和值組成，給個(gè)例子“margin: 0 auto”，冒號前面是屬性，后面是值，該例子是定義元素居中顯示。

javascript介紹

javascript是腳本語(yǔ)言，它是連接前臺（html）和后臺服務(wù)器的橋梁，它是操縱html的能手，本文用js代替javascript進(jìn)行說(shuō)明。

平時(shí)聽(tīng)到原生js，js庫，js框架，js插件等等，下面簡(jiǎn)單說(shuō)明一下。

原生js，是指最基礎的js，沒(méi)有封裝過(guò)，但因為各瀏覽器對js的支持不同，就導致用基礎的js編程需要為不同的瀏覽器寫(xiě)兼容代碼。

Js庫，js框架，是指集成一系列dom操作，API封裝，界面UI封裝的的庫類(lèi)，常見(jiàn)的有jQuery，extjs等等，這方面的定義比較難區分，暫不誤導大家

Js插件，就是集成了幫助程序員輕松完成功能的程序。Js插件用得比較多，網(wǎng)頁(yè)制作上隨處可見(jiàn)。如圖片輪換功能，導航制作，上傳圖片等等。

提交成功！非常感謝您的反饋，我們會(huì )繼續努力做到更好！

這條文檔是否有幫助解決問(wèn)題？

非常抱歉未能幫助到您。為了給您提供更好的服務(wù)，我們很需要您進(jìn)一步的反饋信息：

在文檔使用中是否遇到以下問(wèn)題：

內容錯誤更新不及時(shí) 鏈接錯誤缺少代碼/圖片示例太簡(jiǎn)單/步驟待完善其他

<input type="hidden" name="referer" value="http://www.baidu.com" />
		<input type="hidden" name="star" value="" />
		<input type="hidden" id="url" value="/index/help/feedback.html?type=0" />
		<input type="button" class="solved-btn ld-reset" value="取消">
	</div>
</form>

<link rel="stylesheet" >

<style type="text/css">
  .nc-container #nc_2_wrapper, .nc-container.tb-login #nc_2_wrapper {width: 350px !important;}
  #login-ewm{width: 520px; height: 420px; position: fixed; left: 50%; top: 50%; margin: -210px 0 0 -260px;z-index: 111111111;}
  #login-ewm .close{width:40px;height:40px;position: absolute;right: 0;top: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDhCQTI3ODI0OUIwMTFFQkE5MTE4QTMxRkQ1NzVBM0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhCQTI3ODE0OUIwMTFFQkE5MTE4QTMxRkQ1NzVBM0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAwQ0YxQ0I0NTg5MTFFQkE4QjdDOUY3MTY4ODJFRjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTAwQ0YxQ0M0NTg5MTFFQkE4QjdDOUY3MTY4ODJFRjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5c+6/MAAAA8klEQVR42qzWTQrCMBAF4PisCw+iG3Hpz1LEs/SWKuLGulfQi3ShgjOQQilpOpPMwIMmpXwMYUJHZVk6qgllRnk629pRQDnBI1fKg7IyRs6UI2XP0Jyy8S/vRliDNPWD72Tb2mRsbYjw+gK/qDpYlYgFEecPyhlhvUgXysGiSAhKwQaRPkiDiZAYJMHEyBAUw1QIVyE46Aa7tdZOg0g66utMhWggrmlgr5Z+jMRhVA81EodRPdRInHj1DYKMiVdhyLlWNBhyrhUNhkxEjMEAEWEwQgYxGCIxbMHQ2BAJYfz8Lvx/14HyNULa2JLyonz+AgwA4cJezTJm8BYAAAAASUVORK5CYII=") center no-repeat; background-size: 20px auto; cursor: pointer;}
  #wx_login_img_show{position: fixed;left: 50%;top: 50%;margin: -185px 0 0 -150px;}
</style>

<div   class="i8x8habwlx"   id="login-box" style="display:none" data-ajaxurl="/index/user/laylogin.html"  action="/index/user/loginform.html">
  <div   id="i8x8habwlx"   class="pop-login" id="pop-form">
    <div   id="i8x8habwlx"   class="account-login">
      <h1 class="cloumn">會(huì )員登錄<a onclick="closeAll()"><i ></i></a></h1>
      <div   class="i8x8habwlx"   id="login_form">
        <span id="i8x8habwlx"    class="errorInfo"></span>
        
        <div   id="i8x8habwlx"   class="acc_num" style="display: none;">
          <div   id="i8x8habwlx"   class="group name"><input type="text" id="username" data-regex="username" placeholder="用戶(hù)名/郵箱"></div>
          <div   id="i8x8habwlx"   class="group pwd"><input type="password" id="password" minlength="6" placeholder="登錄密碼"></div>
        </div>

<div   id="i8x8habwlx"   class="phone">
          <div   id="i8x8habwlx"   class="group tel"><input type="text" id="username-phone" data-regex="username" placeholder="手機號碼"></div>
          <div   id="i8x8habwlx"   class="group pwd"><input type="password" id="password-phone" minlength="6" placeholder="登錄密碼"></div>
        </div>

<div   class="i8x8habwlx"   id="mpanel1"></div>
		  <input type="hidden" name="code" id="verify_code" value="">

<div   id="i8x8habwlx"   class="go-reg">
          <a href="javascript:void(0)" id="login-way">賬號或郵箱登錄</a>
          <p>還沒(méi)有賬號？立即 <a href="/user/register">免費注冊</a></p>
        </div>
        <input type="hidden" id="state" value="f43c9fcedad26e915f47fc533d96dba1" />

<input type="hidden" name="login_type" id="login_type" value="phone" />

<input type="submit" id="layer_submit"  value="登錄" data-ajaxurl="/index/user/laylogin.html">
      </div>
      <div   id="i8x8habwlx"   class="other">其他賬戶(hù)快捷登錄：
        <a href="/index/quicklogin/qq.html" class="qq"></a>
        <a onclick="shoEwm()" class="weixin"></a>
        <a style=" float: right;color: #015bfe;" href="/index/user/repwd.html" >忘記密碼？</a>
      </div>
    </div>
  </div>
</div>

<div   class="i8x8habwlx"   id="login-ewm" style="display: none;">
  <span id="i8x8habwlx"    class="close" onclick="codeClose()"></span>
  <div   class="i8x8habwlx"   id="wx_login_img_show"></div>
</div>

<script type="text/javascript" src="http://static.landui.com/statics/js/plugin/guide.js"></script>

<script src="http://static.landui.com/statics/js/common/crypto-js.js"></script>

<script src="http://static.landui.com/statics/js/common/wxLogin.js"></script>

<script src="http://static.landui.com/statics/code/js/verify.js"></script>

<script>
    LD.validater.initValidate();  //初始化表單
    /* 彈框賬號登錄和二維碼登錄切換*/
    function  shoEwm () {
      $('.account-login').hide();
      var load = layer.load();

$('.ewm-login').show();
		layer.close(load);

$.get('/index/user/wechatShowImg', function (res) {
		  new WxLogin({
			  id: "wx_login_img_show",
			  appid: "wxe021b18e33abbf1c",
			  scope: "snsapi_login",
			  redirect_uri: res.url,
			  state: res.state,
			  style: '',
			  href: ''
		  })

// 二維碼區域
		  $('#login-ewm').show()
	  })
    }

function closeEwm(){
      $('.account-login').show();
      $('.ewm-login').hide();
      $('#login-ewm').hide()
    }

function closeAll() {
      $("#verify_code").val(''); // 關(guān)閉窗口時(shí) 清空驗證碼
      LD.tip.closeAll();
    }

function codeClose()
	{
		$('#login-ewm').hide()
		$('.account-login').show();
		LD.tip.closeAll()
	}

</script>

<link rel="stylesheet" href="/statics/sc/lib/layui/css/layui.css?v=__VERSION__" media="all">
<script src="http://static.landui.com/statics/sc/lib/layui/layui.js?v=__VERSION__"></script>
<script>

$(function () {
		$('.solved-no').show();
		//用戶(hù)點(diǎn)擊有幫助
		$('.btn-smile2').click(function () {
			feedback(1);
		});
		$(":submit[id=ld-btn]").click(function(check){
			feedback(0);
			var blankH = $('.blank-height').height();
			if (blankH - 442 <= 1109){
				$('.rightBlank').css('height','1109px')
			} else {
				var blankH1 = blankH - 442 + 60;
				$('.rightBlank').css('height',blankH1);
			}
			return false;
		});
		//用戶(hù)點(diǎn)擊取消提交
		$('.ld-reset').click(function () {
			$('.solved-no').css('display','none');
			$('.solved-info').css('display','none');
			var blankH = $('.blank-height').height();
			if (blankH - 442 <= 1109){
				$('.rightBlank').css('height','1109px')
			} else {
				var blankH1 = blankH - 442;
				$('.rightBlank').css('height',blankH1)
			}

});

})
	layui.use('rate', function(){
		var rate = layui.rate;
		//渲染
		var ins1 = rate.render({
			elem: '#star'  //綁定元素
			,setText: function(value){
				var arrs = {
					'1': '極差'
					,'2': '差'
					,'3': '中等'
					,'4': '好'
					,'5': 'very good'
				};
				this.span.text(arrs[value] || ( value + "星"));
			}
			,choose: function(value){
				$("input[name='star']").val(value);
				console.log(star)
				// feedback(3);
			}
		});
	});

// type   0:提交反饋  1：有幫助  2：小心心
	function feedback(type=0) {
		var url = $("#url").val();
		var islogin = true;
		var post = $("#dataForm").serialize();

LD.ajax.post(url, post, function (data) {
			console.log(data);
			if (data.info.status == "nologin") {
				console.log("未登錄");
				front.login.show(function () {
				});//如果沒(méi)有登錄則彈出登錄框
				return false;
			}
			if (type == 1){
				$('#solved-btn').hide();
				$('#submit-success').show();
			}
			if (data.info.status == 'success'){
				$('#submit-success').show();
				$("#solved-btn").hide();
				$('.solved-no').css('display','none');
				// layer.alert('感謝您的反饋，反饋我們已經(jīng)收到')
			}
			return true;
		});
		return islogin;
	}

</script>

</div>




















<!--            <textarea rows="5" name="msg" placeholder="您可以在這里輸入更多意見(jiàn)和建議（限200字以?xún)龋?>

-->

售前咨詢(xún)

售前咨詢(xún)服務(wù)時(shí)間：09:00-23:30

售前值班

4006-75-4006

咨詢(xún)熱線(xiàn)：

4006-75-4006（09:00-23:30）
0871-6388 6388 （總機）（工作日 09:00-18:00）

您可能遇到了下面的問(wèn)題：
云服務(wù)器問(wèn)題融合CDN選購對象存儲計費域名注冊指南
售后咨詢(xún)

售后咨詢(xún)服務(wù)時(shí)間：00:00-24:00

24H值班技術(shù)

4006-75-4006

投訴與建議 最快響應10分鐘

您可能遇到了下面的問(wèn)題：
云服務(wù)器教程遠程登陸問(wèn)題 FTP上傳問(wèn)題其他問(wèn)題查詢(xún)
備案咨詢(xún)

備案咨詢(xún)服務(wù)時(shí)間：09:00-18:00（工作日）

備案專(zhuān)業(yè)客服

0871-6388 6388

您可能遇到了下面的問(wèn)題：
備案所需材料提交備案流程關(guān)于幕布申請備案服務(wù)指引
電話(huà)

0871-6388 6388 （總機）
工單
二維碼
TOP

<i id="hpdcn"><form id="hpdcn"><dfn id="hpdcn"></dfn></form></i>

<acronym id="hpdcn"><var id="hpdcn"></var></acronym>

<wbr id="hpdcn"><menu id="hpdcn"></menu></wbr>

<rt id="hpdcn"></rt>

<thead id="hpdcn"></thead>