HTML經常使用標籤總結

本文轉載於:猿2048網站HTML經常使用標籤總結php

 

學習前端開發,第一步要學習的絕對是HTMLcss

什麼是HTMLhtml

HTML 是(Hyper Text Markup Language)四個單詞的縮寫,翻譯過來就是超文本標記語言 因此它不是一門編程語言,只是一門標記語言。前端

學習html的第一步就是須要學習它的標籤如何使用。這個沒有什麼技巧,全靠平時多練習多用,才能達到熟能生巧的境界。html5

Html一共有一百一十多個標籤(包含html5的新標籤),若是想要所有掌握還真得費很多功夫,可是實際開發中常常用到的也就四五十個,有不少都是不經常使用的,若是一個不落的去學習反而浪費了寶貴的時間。編程

如下就結合本身實際開發中常常用到的標籤作一個說明和總結。若是對一些標籤不是很理解,暫時可沒必要深究。我如今只是作一個標籤的羅列,具體用法可查閱手冊。canvas

更詳細的信息請參閱下面這個網站瀏覽器

W3schoolhttp://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> 定義文檔中的節。

 

<Iframe>   定義文檔的內聯框架。

 

<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的新特性後續再繼續總結。

相關文章
相關標籤/搜索