列舉一下常用的html標簽及用法,與大家共勉,歡迎補充! <!DOCTYPE> <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。 <head> <head> 標簽放在文檔的開始處,緊跟<html> 後面,並處於 <body>標簽之前. <head> 標簽用於定 ...
列舉一下常用的html標簽及用法,與大家共勉,歡迎補充!
標簽名稱 | 定義和用法 | 介紹 | 標簽類型 | html/html5 |
<!DOCTYPE>
|
<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。 |
定義文檔類型 | html/html5 | |
<head>
|
<head> 標簽放在文檔的開始處,緊跟<html> 後面,並處於 <body>標簽之前. |
<head> 標簽用於定義文檔的頭部,它是所有頭部元素的容器 。在<head>中可以引入腳本,css樣式等.還包括文檔的標題 <head>中可用標簽有 <link>,<meta> ,<script>,<title>,<style>。 |
html | |
<header>
|
當我們在定義一個div的時候在html |
定義文檔的頁眉(介紹信息)。
|
html5 | |
<body>
|
body 元素定義文檔的主體,body內 |
body是html網頁結構最重要的標簽,也叫主體
|
塊級元素
|
html |
<div>
|
<div> 是一個塊級元素,它的內容會占滿 |
Div是html標簽之一,div具有分割內容作用,
|
塊級元素
|
html |
<center>
|
對其所包括的文本進行水平居中。
|
用來對<center>標簽中的文本進行水平居中
|
塊級元素 | html,不支持html5 |
<img>
|
<img src="" alt="">
使用時候註意結構,圖片路徑正確,寬度 |
Img標簽在html中是引入外部圖片到網頁中顯
|
行內塊元素 (內聯元素) |
html |
ul
|
<ul> <li></li> <li></li> <li></li> </ul> 以上3個li標簽組放在ul標簽之間。這裡 html ul li無序列表佈局與ol li有序列表 佈局語法與結構相同,不同是預設無初 始化CSS樣式情況下一個是有序號列表 (1、2、3、4 ;I、II、III這類有序序 號),一個為沒有序號的列表。無論是有 序ol li列表還是無序的ul li列表,在日常 時候都需要重新設置CSS樣式使用佈局。 |
一般用來標題和導航的排版和佈局時使用,賦予 CSS樣式後可以實現各種各樣的有規律的頁面布 局。 |
塊級元素 | html |
<h1>-<h6>
|
<h1>這是標題</h1>
<h1> - <h6> 標簽可定義標題。<h1> 定義最大的標題。<h6> 定義最小的標題。 |
在一個網頁中可以適當使用h1 h2 h3 h4標簽, 有利於網頁的重點部分突出,h5,h6一般用於頁 面的主體內容 |
塊級元素 | html |
<nav>
|
<nav></nav>是html5中的新標簽 |
和<header><footer>相似,只是html5中用 於增強語義的一個標簽而已 |
行內塊元素 | html5 |
<span>
|
<span>內容</span>特性,通常一對未設 |
span在html中常用的佈局標簽,與div標簽區別 在於,span隨內容而占用高寬空間 (緊貼內容),而一對div標簽卻占用一行 |
行內元素 | html |
<a>
|
<a href="您需要的地址" target=""> |
<a> 標簽定義超鏈接,用於從一張頁面鏈接到 另一張頁面。 |
行內元素 | html |
<form>
|
<form action="跳轉的頁面" method= |
form是表單區域標簽,通常此標簽內放輸入框 、單選、多選、多行文本框、下拉選項菜單等表 單內容,form的action的值填寫為將表單提交內 容送往的頁面地址。 |
html |
2018年1月2日22:41:19,今天先寫到這,明天繼續!!!