標籤：文法 分享 tar 網頁 文章 先後 變化 html標籤 strong
第1章 HTML 介紹1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>製作我的第一個網頁</title> 6 </head> 7 <body> 8 <h1>hello world</h1> 9 </body>10 </html>代碼初體驗，製作我的第一個網頁
1 1. HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，可以包含文字、圖片、視頻等。2 3 2. CSS樣式是表現。就像網頁的外衣。比如，標題字型、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。4 5 3. JavaScript是用來實現網頁上的特效效果。如：滑鼠滑過彈出下拉式功能表。或滑鼠滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有互動的一般都是用JavaScript來實現的。HTML和css的關係
1 網頁中每一個內容在瀏覽器中的顯示，都要存放到各種標籤中。認識HTML標籤
1 1. 標籤由英文角括弧<和>括起來，如<html>就是一個標籤。2 3 2. html中的標籤一般都是成對出現的，分開始標籤和結束標籤。結束標籤比開始標籤多了一個/。4 5 3. 標籤與標籤之間是可以嵌套的，但先後順序必須保持一致，如：<div>裡嵌套<p>，那麼</p>必須放在</div>的前面6 7 4. HTML標籤不區分大小寫，<h1>和<H1>是一樣的，但建議小寫，因為大部分程式員都以小寫為準。標籤的文法
1 一個HTML檔案是有自己固定的結構的。 2 3 <html> 4 <head>...</head> 5 <body>...</body> 6 </html> 7 代碼講解： 8 9 1. <html></html>稱為根標籤，所有的網頁標籤都在<html></html>中。10 11 2. <head> 標籤用於定義文檔的頭部，它是所有頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標籤12 3. 在<body>和</body>標籤之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標籤，在這裡的標籤中的內容會在瀏覽器中顯示出來。認識HTML檔案基本結構
1 文檔的頭部描述了文檔的各種屬性和資訊，包括文檔的標題等。絕大多數文檔頭部包含的資料都不會真正作為內容顯示給讀者。 2 3 下面這些標籤可用在 head 部分： 4 5 <head> 6 <title>...</title> 7 <meta> 8 <link> 9 <style>...</style>10 <script>...</script>11 </head>認識head標籤
1 <!--注釋文字 -->瞭解HTML的代碼注釋
第2章 認識標籤（第一部分）
1 什麼叫做語義化呢，說的通俗點就是：明白每個標籤的用途（在什麼情況下使用此標籤合理）比如，網頁上的文章的標題就可以用標題標籤，網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中，在文章中有想強調的文本，就可以使用 em 標籤表示強調等等。2 3 講了這麼多語義化，但是語義化可以給我們帶來什麼樣的好處呢？4 5 1. 更容易被搜尋引擎收錄。6 7 2. 更容易讓螢幕助讀程式讀出網頁內容。語義化，讓你的網頁更好的被搜尋引擎理解
1 在網頁上要展示出來的頁面內容一定要放在body標籤中。標籤，網頁上的顯示內容放在這裡
1 注意一段文字一個<p>標籤，如在一篇新聞文章中有3段文字，就要把這3個段落分別放到3個<p>標籤中添加段落
1 標題標籤一共有6個，h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>是最高的等級。2 文法：3 <hx>標題文本</hx> (x為1-6)瞭解標籤，為你的網頁添加標題
加入強調語氣，使用<strong>和<em>標籤
1 <!--<span>標籤是沒有語義的，它的作用就是為了設定單獨的樣式用的。--> 2 <!DOCTYPE HTML> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <title>了不起的蓋茨比</title> 7 <style> 8 span{ 9 color:blue; 10 }11 </style>12 </head>13 <body>14 <p>1922年的春天，一個想要成名名叫尼克•卡拉威（托比•馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士流行，走私為王，股票飛漲的時代。為了追尋他的<span>美國夢</span>，他搬入紐約附近一海灣居住。</p>15 <p>菲茨傑拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士時代"吟唱華麗輓歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二註解。</p>16 </body>17 </html>使用標籤為文字設定單獨樣式
<q>標籤，短文本引用
<blockquote>標籤，長文本引用
使用<br>標籤分行顯示文本
為你的網頁中添加一些空格
認識<hr>標籤，添加水平橫線
<address>標籤，為網頁加入地址資訊
想加入一行代碼嗎？使用<code>標籤
使用<pre>標籤為你的網頁加入大段代碼
第3章認識標籤（第二部分）
第4章 認識標籤（第三部分）
第5章 與瀏覽者互動，表單標籤
第6章 開始學習css，為網頁添加樣式
第7章 css樣式基本知識
第8章 css選取器
第9章 css的繼承、層疊和特殊性
第10章 css格式化排版
第11章 css盒子模型
第12章 css布局模型
第13章 css代碼縮寫，佔用更少的寬頻
第14章 單位和值
第15章 css樣式設定小技巧
HTML+CSS基礎課程筆記（MOOC）陸續添加中...
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
