- 工信部備案號 滇ICP備05000110號-1
- 滇公安備案 滇53010302000111
- 增值電信業務經營許可證 B1.B2-20181647、滇B1.B2-20190004
- 云南互聯網協會理事單位
- 安全聯盟認證網站身份V標記
- 域名注冊服務機構許可:滇D3-20230001
- 代理域名注冊服務機構:新網數碼
HTML、 CSS、 JavaScript三者的關系
網頁主要由三部分組成: 結構( Structure) 、 表現( Presentation) 和行為( Behavior)
HTML —— 結構, 決定網頁的結構和內容( “是什么”)
CSS —— 表現( 樣式) , 設定網頁的表現樣式( “什么樣子”)
JavaScript( JS) —— 行為, 控制網頁的行為( “做什么”)
三者間的關系
一個基本的網站包含很多個網頁,一個網頁由html, css和javascript組成。
html是主體,裝載各種dom元素;css用來裝飾dom元素;javascript控制dom元素。
用一扇門比喻三者間的關系是:html是門的門板,css是門上的油漆或花紋,javascript是門的開關;
html介紹
html是用來描述網頁的一種語言,它不是一種編程語言,而是一種標記語言(標記標簽),總的來說,html使用標記標簽來描述網頁,本文就用標簽來代替標記標簽進行說明。
標簽是指<html></html>,<div></div>。
標簽是有語義的:標題用<h1>,表格展示用<table>,鏈接用<a>,無序排列用<ul>等等。
標簽里可帶有各類屬性,最基本的就是class和id。class屬性的作用是引用css樣式;id的作用是配合javascript使用,具有唯一性。下面舉幾個例子說明
圖片標簽<img>的主要屬性有src,alt。src是引用圖片的網絡地址(必要);alt是對這張圖片的描述,如果圖片加載不成功,則會顯示alt的文字。
超鏈接<a>的主要屬性有href,target。href是指鏈接要跳轉的網址(必要);target是告訴瀏覽器點擊這個鏈接后要以哪種形式找開窗口,target=”_blank”是指打開一個新窗口
css介紹
css的官方名字叫層疊樣式表,它的出現是為了解決內容和表現分離的問題,一般存放在.css文件里。
使用css。
可在html的頭元素<head>里書寫,或者書寫在CSS文件并在html里引用該文件。
css優先權。
多個css樣式可集中在單個html標簽里,出現這種情況時,一般按優先權劃分
1.瀏覽器默認設置 (最低)
2.外部樣式表
3.內部樣式表(寫在html的<head>標簽內部)
4.內聯樣式(寫在html的標簽里,即style屬性)(最高)
css的語法。
css由兩個主要部分組成,選擇器,一條或多條聲明。
選擇器是指css樣式的名字“.seletor”,名字前面要帶上一點“.”。聲明是由屬性和值組成,給個例子“margin: 0 auto”,冒號前面是屬性,后面是值,該例子是定義元素居中顯示。
javascript介紹
javascript是腳本語言,它是連接前臺(html)和后臺服務器的橋梁,它是操縱html的能手,本文用js代替javascript進行說明。
平時聽到原生js,js庫,js框架,js插件等等,下面簡單說明一下。
原生js,是指最基礎的js,沒有封裝過,但因為各瀏覽器對js的支持不同,就導致用基礎的js編程需要為不同的瀏覽器寫兼容代碼。
Js庫,js框架,是指集成一系列dom操作,API封裝,界面UI封裝的的庫類,常見的有jQuery,extjs等等,這方面的定義比較難區分,暫不誤導大家
Js插件,就是集成了幫助程序員輕松完成功能的程序。Js插件用得比較多,網頁制作上隨處可見。如圖片輪換功能,導航制作,上傳圖片等等。
提交成功!非常感謝您的反饋,我們會繼續努力做到更好!
這條文檔是否有幫助解決問題?
售前咨詢
售后咨詢
備案咨詢
二維碼
TOP