IT兄弟連 HTML5教程 HTML5文字版面和編輯標簽 HTML基礎標簽

指引

網(wǎng)頁中的信息主要是以文本為主的，可以通過字體、大小、顏色、底紋、邊框等來設置文本的屬性。文字版面的編輯包括文本標簽和格式標簽兩種，在瀏覽器中顯示的文字內(nèi)容和格式都要在<body>標記中編寫。文字是網(wǎng)頁設計最基礎的部分，一個標準的文字頁面可以起到傳達信息的作用。對文字的格式化，通常可以使用兩種方式：一種方式是直接使用HTML標記，另一種方式是使用CSS。利用CSS可以對文本的格式進行精確控制，使用HTML標記則更有利于搜索引擎抓取。本章主要介紹一些和頁面排版相關(guān)的標記。

1 HTML基礎標簽

HTML標簽有很多，為了方便學習和使用，我們可以將這些標簽按類別細分一下。基礎標簽則是頁面制作最常使用的一些標簽，包括上一章介紹過的結(jié)構(gòu)標簽，都屬于基礎標簽。本節(jié)介紹的基礎標簽如表1所示：

表1 HTML基礎標簽

016年國家網(wǎng)絡安全宣傳周將于9月19日至25日在武漢召開。本屆宣傳周以“網(wǎng)絡安全為人民，網(wǎng)絡安全靠人民”為主題，由中央網(wǎng)信辦等六個部門共同舉辦。

中國網(wǎng)將對這個與大家緊密相關(guān)的網(wǎng)絡安全宣傳周進行全程報道，為大家?guī)韺崒嵲谠诘母韶洠∫黄饋砜纯窗蓗

【直播預告】
現(xiàn)場直擊：“網(wǎng)絡安全宣傳周”全程直擊，點擊以下鏈接直接進入！
http://wx.china.cn/front/live/5473/lives_5473_1.html

分段直播：“網(wǎng)絡安全博覽會”直擊
時間：今天15:15開始
觀看方式①
??戳鏈接！進入直播現(xiàn)場??
http://wx.china.cn/front/live/5473/lives_5473_1.html

觀看方式②
上“一直播”APP
搜索ID號：92621056，可觀看直播！
還可以與我們的小編“茄子花”進行互動哦~

今年的網(wǎng)絡安全宣傳周首次在地方(湖北省武漢市)舉辦開幕式、2016年網(wǎng)絡安全博覽會、網(wǎng)絡安全技術(shù)高峰論壇、網(wǎng)絡安全知識競賽等線下活動，全國各地方同步開展。

這個聽名字感覺高到云端的宣傳周，看似高冷，其實與每個網(wǎng)民息息相關(guān)，網(wǎng)絡安全，除了要有法律來保障，用理論來指導，更需要我們每一個網(wǎng)民自覺來維護。所以，為了我們共同的網(wǎng)絡安全，大家一定要打起精神，密切關(guān)注網(wǎng)絡安全宣傳周哦~

多朋友想學一下網(wǎng)頁制作，上網(wǎng)一看，只要涉及到網(wǎng)頁制作，都離不開HTML這個詞語，HTML是HyperText Markup Language的簡稱，想學習HTML語言，先得了解一些基本知識，今天這邊內(nèi)容可以作為學習HTML的菜鳥教程第一課。

HTML是什么？

一般我們說HTML是指超文本標記語言，英文名稱為HyperText Markup Language，簡稱HTML，它是目前互聯(lián)網(wǎng)上應用最廣泛的語言。

如何查看HTML？

拿最常見的網(wǎng)頁為例，如果用大家熟悉的IE瀏覽器的話，直接在網(wǎng)頁上點右鍵，選擇“查看源”即可查看當前網(wǎng)頁的HTML源碼；如果是其他瀏覽器的話，多數(shù)情況下點擊右鍵，選擇“查看源碼”或者類似“查看網(wǎng)頁源代碼”這樣的選項即可查看。

當然也可以通過專業(yè)的網(wǎng)頁制作軟件以及各種文本編輯器來查看。

HTML有什么用？

HTML語言可以方便地將網(wǎng)絡上存儲于不同位置的文字、圖片、聲音、視頻等內(nèi)容組織起來，方便用戶瀏覽。對于我們來說，HTML是學習網(wǎng)頁制作的基本功，熟練掌握HTML這項基本功，可以為以后的學習和工作打下良好的基礎。

HTML如何入門？

要學習任何編程語言，都不好好高騖遠，HTML的入門很簡單，但是也要遵循學習的基本步驟，選擇一本入門書籍，循序漸進地去學習每一張的內(nèi)容。一邊學習，一邊查看網(wǎng)頁代碼對照來學，提升入門速度。

HTML案例

下面就是最基本的HTML案例，在這個案例中，用的是HTML5，

<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數(shù)據(jù)，如 <meta charset="utf-8"> 定義網(wǎng)頁編碼格式為 utf-8。
<title> 描述了網(wǎng)頁的標題
<body> 元素包含了可見的頁面內(nèi)容，因為下面是最簡單的案例，所以只有幾行，實際網(wǎng)頁一般都有很多行。
<h1> 定義一個大標題
<p> 元素定義一個段落，也就是大家常說的分段。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML菜鳥教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一個標題</h1>
    <p>我的第一個段落。</p>
</body>
</html>

如何編輯HTML?

這個就很多了，比如最出名的Dreamweaver，當然如果熟練之后，可以選擇任意自己喜歡的編輯器，一些小的改動或者一小段代碼的話，也可以用各種常見的文本編輯器來處理，比如我們在wodows系統(tǒng)上常見的記事本，總之只要自己覺得方便就好。

總結(jié)

以上是學習HTML菜鳥教程的第一課，首先保持一個良好的心態(tài)來學習，有好的心態(tài)，知識方面只要循序漸進，學會就是水到渠成的事情了。

在線咨詢

上一篇：Java 21 新特性：String Templates（字符串模版）
下一篇：HTML5表單介紹

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商

IT兄弟連 HTML5教程 HTML5文字版面和編輯標簽 HTML基礎標簽

您的項目需求