標籤:ref 應用 tar 表格 orm input 映像 練習 doc
學習前端開發,第一步要學習的絕對是HTML。
什麼是HTML?
HTML 是(Hyper Text Markup Language)四個單詞的縮寫,翻譯過來就是超文字標記語言 (HTML), 所以它不是一門程式設計語言,只是一門標記語言。
學習html的第一步就是需要學習它的標籤如何使用。這個沒有什麼技巧,全靠平時多練習多用,才能達到熟能生巧的境界。
Html一共有一百一十多個標籤(包含html5的新標籤),如果想要全部掌握還真得費不少功夫,但是實際開發中經常用到的也就四五十個,有很多都是不常用的,如果一個不落的去學習反而浪費了寶貴的時間。
以下就結合自己實際開發中經常用到的標籤做一個說明和總結。如果對一些標籤不是很理解,暫時可不必深究。我現在只是做一個標籤的羅列,具體用法可查閱手冊。
更詳細的資訊請參閱下面這個網站
W3school:http://www.w3school.com.cn/h.asp
1,基礎標籤
基礎標籤是必須全部掌握的,因為在每個html網頁中幾乎都可以看到他們的身影。
<!DOCTYPE> 定義文件類型。請始終向 HTML 文檔添加 <!DOCTYPE> 聲明,這樣瀏覽器才能獲知文件類型。
<html> 定義 HTML 文檔。
<head> 定義關於文檔的資訊。
<meta> 定義關於 HTML 文檔的元資訊。
<title> 定義文檔的標題。
<body> 定義文檔的主體。
<h1> 一級標題
<h2> 二級標題
<h3> 三級標題
<p> 定義段落。
<!--...--> 定義注釋
2,格式標籤
格式標籤現在用的不是很多,因為現在樣式修飾都交給css去做了。
<b> 定義粗體文本。
<del> 定義被刪除文本。
<em> 定義強調文本。
<i> 定義斜體文本。
<sup> 定義上標文本。
<sub> 定義下標文本。
<hr> 定義水平線。
<br> 定義簡單的折行。
3,多媒體連結
<img> 定義映像。
注意其alt屬性,title屬性
<canvas> 定義圖形。
<audio> 定義聲音
<video> 定義視頻
<a> 定義超連結
a標籤在實際應用中用的是相當多的
<link> 定義文檔與外部資源的關係。
4,列表
<ul> 定義無序列表。
<ol> 定義有序列表。
<li> 定義列表的項目。
<dl> 定義定義列表。
<dt> 定義定義列表中的項目。
<dd> 定義定義列表中項目的描述。
5,表單
<form> 定義供使用者輸入的 HTML 表單。
<input> 定義輸入控制項。
屬性非常多,也很常用,詳情請查閱手冊。
<textarea> 定義多行的文本輸入控制項。
<button> 定義按鈕。
<select> 定義挑選清單(下拉式清單)。
<option> 定義挑選清單中的選項。
<label> 定義 input 元素的標註。
<datalist> 定義下拉式清單。
6,表格
<table> 定義表格
<caption> 定義表格標題。
<thead> 定義表格中的表頭內容。
<tbody> 定義表格中的主體內容。
<tfoot> 定義表格中的表注內容(腳註)。
<th> 定義表格中的表頭儲存格。
<tr> 定義表格中的行。
<td> 定義表格中的單元。
表格在現在的網站中用的倒不是很多了。
7,其他常用標籤
<div> 定義文檔中的節。
<span> 定義文檔中的節。
<style> 定義文檔的樣式資訊。
<script> 定義文檔中的指令碼資訊
<base> 定義頁面中所有連結的預設地址或預設目標。
以下標籤為html5新增的語義化標籤
<header> 定義 section 或 page 的頁首。
<footer> 定義 section 或 page 的頁尾
<section> 定義 section。
<article> 定義文章。
<aside> 定義頁面內容之外的內容。
注意:html5新標籤不被ie瀏覽器識別問題
需要引入html5shiv包,使用條件注釋解決
<!--[if lte IE 8]>
<script src="libs/html5shiv/html5shiv.js"></script>
<![endif]-->
好吧,簡單的HTML常用標籤就這麼多了,希望對前端新人有所協助。
至於HTML5的新特性後續再繼續總結。
HTML常用標籤總結