HTML學習1

時間 2020-01-08

標籤 html 學習欄目 HTML 简体版

原文原文鏈接

說明：這裏我只是總結一些html開發經常使用的東西，html

具體開發中遇到的問題，能夠去 www.W3C.org網站中學習。

1.web前端開發主要包括三個方面的內容：

①HTML:主要是網頁的內容。

②CSS:佈局和美化。

③JavaScript:炫的效果的產生！

2.HTML=HyperText Mark_up Language(超文本標記語言);

標籤也稱爲標記或元素。→ HTML不是編程語言，而是一種描述性

語言，用於描述超文本中的內容的顯示方式。

3.標籤有開始，也必須有結束。

一個html文本包括：

<html>

<head>

<title>網頁的標題</title>

</head>

<body>

網頁的內容信息。

</body>

</html>

4. meta標籤 → 它經常使用來放在<head>標籤中。

說明：標籤中「=」左邊的稱爲標籤的屬性。右邊的稱爲標籤的 屬性值。

<1>.字符集：用來定義網頁上顯示的字符編碼。

常見的字符編碼有：

①英文：ISO-8859-1

②簡體中文：GBK、GB2312

③繁體中文：big5

④通用的：UTF-8

一個設定字符集的「單標籤」：

<2>.定時刷新：

(表示兩秒後自動跳轉到google主頁)

<3>.網頁的描述：主要是給搜索引擎用的，告訴搜索引擎你是幹嗎的！！

eg.<meta name="Description" content="美團網-中國最大的地方性服務團購網站" />

<4>.關鍵字：也是給搜索引擎用的。

eg.<meat name="keywords" content="團購，服務性行業，美團，美團網，團購網"/>

<5>.向搜索引擎示好，以便能搜索到咱們：

(SE0的內容，之後有機會再給你們介紹啊！好比多更新你網站的內容，能夠被搜索引擎抓取，

能夠百度快照。。。這都是搜索引擎優化SEO，之前有機會在一塊兒學習哈！)

5.html的經常使用標籤：（標籤能夠嵌套使用啊！！★）

→ 字體變粗體

→ 字體變斜體

→ 文字加下劃線

→ 換行 → 單標籤 →

<pre> → 預格式化段落

→ 下標 → X2 表示 X2(2是X右下方的小2)

→ 上標 → X3 表示 x的三次方！

<h1~h6> → 標題文本 → 注意： <h1 align="center"> 居中

→ 段落 → 換行並空一行

6.html的特殊字符：

7.背景控制

經常使用的圖片格式：

①jpg

②png → 背景透明的圖片（IE不支持）

③bmp → 體積過大

④gif → 體積小，能夠使會動的圖片。

⑤swf → flash圖片。

8.字體控制

瀏覽器默認的字體爲宋體。

xxxxx

9.圖像標籤：

說明：

（1.）圖片通常不建議擴大或者縮小，即便縮小，也要按比例縮小，永不放大。

火狐不支持alt="提示性文字"，咱們能夠用title="提示性文字" → 全部的瀏覽器都支持。

（2.）align="" 有top, middle, bottom, left, right, center幾個值，它表明的是圖片後面的文字在那個位置出現。

（3.）src=""寫的不是絕對路徑，而是相對路徑。如：src="../p_w_picpaths/1.png"

10.列表：★經常使用★

11.超連接和錨標記

<1>.超連接

<2>.電子郵件超連接：★

<a href="mailto:wind@qq.com">給我發郵件</a>

<a href="mailto:hanchao@163.com">給我發郵件</a>

<3>.錨標記：

①定義錨標記： <a name="news">新聞開始</a>

②使用錨標記： <a href="#news">新聞</a> （注意以#開頭）

12.marquee的學習

滾動文字或圖像

</marquee>

說明：scrolldelay的越小表示越快。

注意：html惟一的註釋是： 

1. html學習 -- 1
2. html學習（1）
3. html / css學習筆記-1
4. HTML 學習記錄#1
5. html標籤學習1
6. HTML 學習筆記1
7. HTML學習心得(1)
8. 前端學習之HTML-1
9. 學習筆記--html（1）
10. HTML學習筆記（1）
更多相關文章...
• 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
• 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
• Tomcat學習筆記（史上最全tomcat學習筆記）
• 適用於PHP初學者的學習線路和建議

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。