css教學

HTML 語法教學HyperText Markup Language 超文件標示語言

文章推薦指數： 80 %
投票人數：10人

HTML (HyperText Markup Language) 教學. HTML (HyperText Markup Language, 超文字標示語言) 是用來編寫網頁(web pages) 的基本語言，通常HTML 會 ... HTML語法教學HTML編輯器什麼是HTML標籤HTMLDOCTYPEHTMLHTML全域屬性HTML註解HTML

HTML網頁標題HTML<meta>元資訊HTML<style>CSSHTML<link>HTML<script>JSHTML<noscript>HTML<base>HTML<body>HTML<p>段落HTML<br>換行HTML空白字元HTML<img>圖片HTML<a>超連結HTML<h1>-<h6>標題HTML項目列表清單HTML<table>表格HTML<form>表單HTML<input>表單元件HTML<textarea>HTML<select>下拉式選單HTML<button>表單按鈕HTML<label>HTML<fieldset><legend>HTML<div>HTML<span>HTML<strong>強調重要性HTML<em>對內容著重強調HTML<mark>突顯高亮文字HTML<hr>水平分隔線HTML<iframe>內嵌框架HTML<frame>框架HTML<embed>嵌入HTML<object>嵌入HTML<blockquote>區塊引用文字HTML<q>行內引用文字HTML<pre>預先格式化HTML<code>程式碼HTML<ins>插入的文字HTML<del>刪除的文字HTML<center>置中什麼是HTML5HTML<video>影片播放HTML<audio>音樂播放HTML語意結構區塊HTML<nav>導航連結區塊HTML<article>內容獨立完整的區塊HTML<section>群組區塊HTML<aside>側邊欄HTML<main>網頁主要區塊HTML<header>標頭/標題區塊HTML<footer>結尾/頁尾區塊HTML<datalist>輸入資料選擇清單HTML<figure><figcaption>HTML<hgroup>多級別標題群組HTML<canvas>繪圖畫布HTML<picture>響應式圖片HTML<output>HTML(HyperTextMarkupLanguage)教學HTML(HyperTextMarkupLanguage,超文字標示語言)是用來編寫網頁(webpages)的基本語言，通常HTML會和CSS及JavaScript一起使用來開發網頁應用程式。<br><br>HTML是一種「標示語言」而非程式語言，而網頁瀏覽器(webbrowser)像是常見的Chrome,IE,Safari,Firefox懂得知道如何讀取HTML檔案，並將HTML中所描述的內容呈現在頁面上。<br><br>所以呢，為什麼要學HTML？因為HTML是三個網頁開發的基礎語言的其中一個：HTML:用來描述網頁的內容和語意結構CSS:用來描述網頁的樣式和畫面如何被呈現JavaScript:用來描述網頁的行為，讓網頁可以跟使用者和server做互動對於網頁前端(frontend)的開發者而言，HTML可是一定要學會的吃飯技能！那，我們可以用HTML來描述什麼內容呢？舉例來說，我們可以用HTML語法來描述網頁的標題、一個段落、一張表格、在網頁中嵌入圖片、影片或建立互動式表單等。<br><br>一份HTML檔案文件(HTMLdocument)看起來會像是由一堆標籤(tags)結構所組成，所謂的標籤是一個個使用尖括弧<tagname>...</tagname>包圍的HTML元素(HTMLelements)，不同的標籤包圍著表示不同內容的區塊，瀏覽器會解讀HTML標籤來呈現網頁內容，但不會將標籤本身顯示在頁面上，標籤只是用來標示及區分不同的語意內容。<br><br>HTML文件本質上只是單純的純文字檔，舉個例子，一份HTML文件會長得像這樣子：<!DOCTYPEhtml> <html> <head> <title>網頁標題

這是一級標題

這是一個段落

每一個HTML標籤包圍的內容中，可以再包含其他的HTML標籤，所以說HTML文件的結構是屬於一種階層樹狀(巢狀)的結構：+-------+ |html| +---+---+ | +--------+------+ || +--+---++---+--+ |head||body| +--+---++---+--+ || +---+---++----+----+ |title||| +-------++---+--++--+--+ |h1||p| +---+--++--+--+ || texttext 簡單解釋說明一下上方的HTML文件，其中：標籤用來聲明這是一份採用HTML5語法標準的文件標籤是HTML文件的根元素標籤中的包含著不會被顯示在頁面上的內容，用來說明關於該網頁的元資訊(metadata)標籤用來指定該網頁的標題，通常會顯示在瀏覽器的頁籤上<body>標籤中包含著會被顯示在頁面上的內容<h1>標籤用來指定一級/最重要的標題<p>標籤用來包含一段文字段落那怎麼看編輯完的HTML網頁實際會長什麼樣子呢？答案很簡單，就是用瀏覽器打開啊，將HTML檔案拖曳到瀏覽器直接打開，或在HTML檔案上按右鍵選擇用瀏覽器打開檔案看看！</style>

請為這篇文章評分？

延伸文章資訊