HTML笔记一,部分常用的元素与属性
HTML中的常用元素與屬性
<hr>:定義一條水平線
<div>:定義文檔中的節,默認換行
<span>:定義一個節,但不換行
對文字的格式化元素:
<b>:定義粗體文本
<i>:定義斜體文本
<em>:定義強調文本
<strong>:定義粗體文本,與<b>基本類似,不過改行的行間距較大
<sup>:定義上標文本
<sub>:定義下標文本
<bdo>:定義文本顯示方向,可以指定dir屬性,可以是ltr或者rtl
語義相關元素
<abbr>:用于表示一個縮寫,<abbr title=“瘋狂講義”></abbr>
<address>:用于表示一個地址,該處的地址顯示會使用斜體字
<blockquote>:用于定義一段長的引用文本
<q>:用于定義一段短的引用文本,自動添加引號
<cite>:用于表示作品的標題,會使用斜體字顯示
<code>:用于表示一段計算機代碼
<dfn>:用于定義一個專業術語,會使用粗體或者斜體字顯示
<del>:定義被刪除的文本
<ins>:定義插入的文本
<pre>:所有的空格,回車,TAB鍵和其他字符都會被保留下來
<samp>:用于定義示范文本內容
<kbd>:定義鍵盤文本
<var>:定義一個變量,使用斜體字顯示
超鏈接或者錨點
href屬性:用于表示超鏈接所關聯的另一個資源
target屬性:四個值:_self,_blank,_top,_parent分別表示自身,新窗口,頂層框架,父框架來裝載新資源
media屬性:指定目標所使用的媒體類型
列表相關的元素
<ul>:定義無序列表
<ol>:定義有序列表,可以指定以下三個屬性:start,指定列表的起始數字;type指定使用哪種類型的編號(1表示數字,A或者a表示字母,I或者i表示羅馬數字);reversed指定是否可以將順序反轉(目前不支持該屬性)
<li>:定義列表項目
<dl>:定義列表,只能包含dt,dd兩種子元素。
<dt>:定義標題列表項
<dd>:定義普通列表項
圖像相關的元素
img下:
src屬性:指定圖片文件所在的位置
alt屬性:指定一段文本,作為該圖片的提示信息
height,weight屬性:定義圖片的高度和寬度,可選項。
<map>用于定義圖片的映射
<area>用于定義圖片映射的內部區域:
shape屬性:指定該區域的內部區域
coords屬性:指定多個坐標值來確定區域位置
href屬性:確定該區域所連接的資源
alt屬性:指定一段文本,作為該圖片的提示信息
target屬性:與之前的target屬性一致
media屬性:與之前的media屬性一致
表格相關元素
<table>:用于定義表格
cellpadding指定單元格內容和單元格邊框之間的間距
cellspacing指定單元格之間的間距
width指定表格寬度
<caption>:用于定義表格標題
<tr>:定義表格行
colspan:指定該單元格跨多少列
rowspan:指定該單元格跨多少行
height,weight
<th>:定義表格頁眉的單元格,與<td>類似,只是顯示不完全一樣,<th>所顯示的文字是居中的
<tbody>:定義表格的主體
<thead>:定義表格頭
<tfoot>:定義表格腳
其中,thead,tfoot,tbody,應當按照這樣的順序來編輯,并且,這三個只能在table下才能使用。
框架相關元素
<iframe>:用于在普通html頁面中生成一個內聯框架
HTML5新增的通用功能
contentEditable屬性:如果是true則表示允許開發者直接修改該html內的元素
designMode屬性:相當于一個全局的contentEditable屬性,默認是off,如果設置為on,則所有可支持contentEditable屬性的元素都變成可編輯狀態(document.designMode=‘on’)
hidden屬性:若為true則表示該組件不顯示,也不會保留該組件所占用的空間。相當于CSS中的display:none。
spellcheck屬性:為input,textarea等元素添加了spellcheck屬性,可以執行輸入檢驗
文檔結構元素
<article>:用來表示一篇文章,是一片獨立的文檔內容。
<section>:對頁面的內容進行分塊
<nav>:定義導航條
<aside>:定義當前頁面或當前文章的附屬信息
<header>:定義頭部信息
<hgroup>:主要為了組織h1~h6這樣的標題元素
<footer>:定義腳注部分
<figure>:表示一塊獨立的圖片區域,內部可以包含多個img所表示的圖片
<figcaption>:定義在figure內部,來表示圖片區域的標題
轉載于:https://www.cnblogs.com/likaopu/p/5143443.html
總結
以上是生活随笔為你收集整理的HTML笔记一,部分常用的元素与属性的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: iPhone手机掉进水里后应该这么办?
- 下一篇: Keil 5中精简器件支持包,手动安装p