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