專注Java教育14年
全國(guó)咨詢/投訴熱線：400-8080-105
更新時(shí)間：2020-07-23 15:37:21 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽2418次
HTMl
超文本標(biāo)記語(yǔ)言（HyperText Markup Language），簡(jiǎn)稱HTML。
超文本標(biāo)記語(yǔ)言，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。是網(wǎng)頁(yè)制作必備的編程語(yǔ)言“超文本”就是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標(biāo)記語(yǔ)言的結(jié)構(gòu)包括“頭”部分（英語(yǔ)：Head）、和“主體”部分（英語(yǔ)：Body），其中“頭”部提供關(guān)于網(wǎng)頁(yè)的信息，“主體”部分提供網(wǎng)頁(yè)的具體內(nèi)容。
下圖就是html的模板。
基本知識(shí)
下面，我們了解下HTML最基本知識(shí)。
標(biāo)題HTML標(biāo)題（Heading）是通過<h1>-<h6>標(biāo)簽來(lái)定義的。
<h1>這是一級(jí)標(biāo)題</h1>
<h2>這是二級(jí)標(biāo)題</h2>
<h3>這是三級(jí)標(biāo)題</h3>
段落
HTML段落是通過標(biāo)簽<p>來(lái)定義。
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
鏈接
HTML鏈接是通過標(biāo)簽<a>來(lái)定義的。
<a href="https://www.baidu.com">貪心科技</a>
CSS
層疊樣式表(英文全稱：Cascading StyleSheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。我們可以認(rèn)為CSS是html一件華麗的上衣。css的格式
<style type="text/css">
標(biāo)簽名稱{
屬性名稱: 屬性對(duì)應(yīng)的值;
...
}
</style>
我們一般通過三種寫入CSS方法。
head頭部寫入
直接在標(biāo)簽寫style
新建css文件在通過link標(biāo)簽導(dǎo)入
JavaScript
JavaScript一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
我們可以認(rèn)為JavaScript實(shí)現(xiàn)html的動(dòng)態(tài)功能。
下面，我們實(shí)現(xiàn)非常簡(jiǎn)單的鼠標(biāo)移入和鼠標(biāo)移出事件。
<style>
div{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div class="div">我是div</div>
</body>
<script>
window.onload = function () {
var div =document.getElementsByClassName("div")
div[0].onmouseover = function () {
this.innerHTML = "鼠標(biāo)移入了";
};
div[0].onmouseleave = function () {
this.innerHTML = "鼠標(biāo)移出了";
}
div[0].onclick = function () {
this.innerHTML = "鼠標(biāo)點(diǎn)擊了";
}
}
</script>
Java視頻教程下載
HTML基礎(chǔ)：http://www.soulsinkind.com/javavideo/115.html
以上就是動(dòng)力節(jié)點(diǎn)java培訓(xùn)機(jī)構(gòu)的小編針對(duì)“Javaweb基礎(chǔ)視頻教程之HTML教程”的內(nèi)容進(jìn)行的回答，希望對(duì)大家有所幫助，如有疑問，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為你服務(wù)。
相關(guān)閱讀
Java實(shí)驗(yàn)班
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
Java就業(yè)班
有基礎(chǔ) 直達(dá)就業(yè)
Java夜校直播班
業(yè)余時(shí)間 高薪轉(zhuǎn)行
Java在職加薪班
工作1~3年，加薪神器
Java架構(gòu)師班
工作3~5年，晉升架構(gòu)
提交申請(qǐng)后，顧問老師會(huì)電話與您溝通安排學(xué)習(xí)
京公網(wǎng)安備 11030102010736號(hào)