整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML標(biāo)簽
基本標(biāo)簽
HTML頁面中內(nèi)容是由HTML標(biāo)簽組織起來的，如頁面中的文本、圖像、Flash視頻文件等都是通過HTML標(biāo)簽合理地顯示在頁面的各個(gè)位置。
1 標(biāo)題標(biāo)簽<h1>～<h6>
標(biāo)題標(biāo)簽表示一段文字的標(biāo)題（主題），并且支持多層次的內(nèi)容結(jié)構(gòu)。HTNL.共提供了6級標(biāo)題，分別為<h1>～<h6>，并賦予了標(biāo)題一定的外觀，所有標(biāo)題字體加粗，其中山<h1>字號最大，<h6>字號最小.
2.圖像標(biāo)簽<img>
在網(wǎng)頁中常用的圖像格式有4種，即JPG、GIF、BMP.PNG，其中使用比較多的是JPG、GIF和PNG，大多數(shù)瀏覽器都可以顯示這些圖像。
顯示圖像的語法：
< img src="ur1" alt="文本" width="x" height="y"/>
在語法中：
a、SrC屬性：表示顯示圖像的地址。
b、alt屬性：指定圖像的替代文本，當(dāng)圖像無法顯示時(shí)（如圖片路徑錯(cuò)誤或網(wǎng)速太慢等）替代顯示的文本，這樣，即使圖像無法顯示，用戶還可以看到網(wǎng)頁丟失的信息，所以為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好地顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有幫助的。
c、width屬性：表示圖像寬度.
d、height屬性：表示圖像高度。
3.段落標(biāo)簽<p>
顧名思義，段落標(biāo)簽表示將一段文字組成一系列段落內(nèi)容，這樣做的目的是內(nèi)容應(yīng)用某些格式和布局，使各個(gè)段落的邏輯更清晰明了。在HTML文檔中，段落通過<p>標(biāo)簽定義。段落標(biāo)簽<p>表示段落的開始，</p >表示段落的結(jié)束。
4.換行標(biāo)簽<br/>
在希望不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行，則使用<br>標(biāo)簽。<br>是一個(gè)空的HTML標(biāo)簽，由于關(guān)閉標(biāo)簽沒有任何意義，因此它沒有結(jié)束標(biāo)簽。
注意：
使用<b>和<br>的結(jié)果一樣，在XHTML以及未來的HTML版本中，根據(jù)W3C規(guī)范，不允許使用沒有結(jié)束標(biāo)簽的HTML元素，因此使用<br>頁面更規(guī)范，有更長遠(yuǎn)的保障。
5.水平線標(biāo)簽<hr/>
水平線標(biāo)簽表示一條水平線，注意該標(biāo)簽與<br>標(biāo)簽一樣，沒有結(jié)束標(biāo)簽，直接使用<hr/>表示標(biāo)簽的開始和結(jié)束。
使用以上講解的基本標(biāo)簽，就可以進(jìn)行網(wǎng)頁內(nèi)容排版了。
HTML DOM 允許 JavaScript 改變 HTML 元素的內(nèi)容。
改變 HTML 輸出流
JavaScript 能夠創(chuàng)建動態(tài)的 HTML 內(nèi)容：
今天的日期是： Thu Aug 25 2016 09:23:24 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)
在 JavaScript 中，document.write() 可用于直接向 HTML 輸出流寫內(nèi)容。
實(shí)例
<!DOCTYPE html>
<html>
<body>
<script>
document.write(Date());
</script>
</body>
</html>
| 絕對不要在文檔加載完成之后使用 document.write()。這會覆蓋該文檔。 |
改變 HTML 內(nèi)容
修改 HTML 內(nèi)容的最簡單的方法時(shí)使用 innerHTML 屬性。
如需改變 HTML 元素的內(nèi)容，請使用這個(gè)語法：
document.getElementById(id).innerHTML=新的 HTML
本例改變了 <p>元素的內(nèi)容：
實(shí)例
<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML="新文本!";
</script>
</body>
</html>
本例改變了 <h1> 元素的內(nèi)容：
實(shí)例
<!DOCTYPE html>
<html>
<body>
<h1 id="header">Old Header</h1>
<script>
var element=document.getElementById("header");
element.innerHTML="新標(biāo)題";
</script>
</body>
</html>
實(shí)例講解：
上面的 HTML 文檔含有 id="header" 的 <h1> 元素
我們使用 HTML DOM 來獲得 id="header" 的元素
JavaScript 更改此元素的內(nèi)容 (innerHTML)
改變 HTML 屬性
如需改變 HTML 元素的屬性，請使用這個(gè)語法：
document.getElementById(id).attribute=新屬性值
本例改變了 <img> 元素的 src 屬性：
實(shí)例
<!DOCTYPE html>
<html>
<body>
<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>
</body>
</html>
實(shí)例講解：
上面的 HTML 文檔含有 id="image" 的 <img> 元素
我們使用 HTML DOM 來獲得 id="image" 的元素
JavaScript 更改此元素的屬性（把 "smiley.gif" 改為 "landscape.jpg"）
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
文章來源：freecodecamp網(wǎng)址：
https://chinese.freecodecamp.org/
HTML 是一種標(biāo)記語言，使用特殊的語法或標(biāo)記來向?yàn)g覽器描述網(wǎng)頁的結(jié)構(gòu)。HTML 元素由開始和結(jié)束標(biāo)簽構(gòu)成，標(biāo)簽之間是文本內(nèi)容。 不同的標(biāo)簽可以讓文本內(nèi)容以標(biāo)題、段落、列表等形式展現(xiàn)。
在這個(gè)課程中，你將通過編寫一個(gè)展示貓咪圖片的應(yīng)用，學(xué)習(xí)最常見的 HTML 元素——它們可以用來構(gòu)成任何網(wǎng)頁。
注：本示例為第三個(gè)示例，以下內(nèi)容來自freecodecamp。文章中圖示為調(diào)試當(dāng)時(shí)界面，供學(xué)習(xí)參考。
p 元素是網(wǎng)站上段落文本使用的元素。 p 是“paragraph（段落）”的縮寫。
你可以像這樣創(chuàng)建一個(gè)段落：
<p>I'm a p tag!</p>要求：在 h2 元素下方添加一個(gè) p 元素，其內(nèi)容是 Hello Paragraph。
注意： 按照慣例，所有 HTML 標(biāo)簽都應(yīng)該是小寫字母，例如應(yīng)使用 <p></p>，而不會使用 <P></P>。
原始代碼界面：
<h1>Hello World</h1>
<h2>CatPhotoApp</h2>更改后代碼如下：
*請認(rèn)真填寫需求信息，我們會在24小時(shí)內(nèi)與您取得聯(lián)系。
