前端学习(142):行级标签和块级标签
塊級標簽:(block)
1、獨占一行,不和其他元素待在同一行,寬度自動填滿父元素寬度
2、能設置weight(寬)、height(高)屬性
3、可以設置margin,padding屬性
常見的塊級標簽:
<address>,定義地址
<caption>,定義表格標題
<div>,定義文檔中的分區或節
<dl>,定義列表
<dt>,定義列表中的項目、
<fieldset>,定義一個框架集
<form>,創建HTML表單
?
<h1>,定義最大的標題
<h2>,定義副標題
<h3>,定義標題
<h4>,定義標題
<h5>,定義標題
<h6>,定義最小的標題
<hr>,創建一條水平線
<legend>元素為<fieldset>標簽定義標題
<li>,標簽定義列表項目
<noframes>,為那些不支持框架的瀏覽器顯示文本,于<frameset>元素內部
<noscript>,定義在腳本未被執行時的替代內容
<ol>,定義有序列表
<ul>,定義無序列表
<p>,標簽定義段落
<pre>,定義預格式化的文本
<table>,定義HTML表格
<tbody>,定義表格主體(正文)
<td>,表格中的標準單元格
<tfoot>,定義表格的頁腳(腳注或表注)
<th>,定義表頭單元格
<thead>,標簽定義表格的表頭
<tr>,定義表格中的行
列表(ul,ol,li),盒子(div),段落(p),
表單(form),
表格(table,tr,td),水平線(<hr>)
?
行級標簽:(inline)
1、能和其他元素待在同一行
2、不能設置寬高
3、行內元素的水平方向的padding-left和padding-right都會產生邊距效果,但是豎直方向上的padding-top和padding-bottom都不會產生邊距效果
常見的行級標簽:
<a>,超鏈接,
<abbr>,表示一個縮寫形式
<acronym>,定義只取首字母縮寫
<strong>/<b>,字體加粗
<em>,定義為強調的內容
<i>,斜體文本效果
<u>,下劃線
<del>,刪除線
<bdo>,可覆蓋默認的文本方向
<big>,大號字體加粗
<br>,換行
<cite>,引用進行定義
<code>,定義計算機代碼文本
<dfn>,定義了一個定義項目
<img>,向網頁中嵌入一幅圖像
<input>,輸入框
<kbd>,定義鍵盤文本
<label>,標簽為<input>元素定義標注(標記)
<q>,定義短的引用
<samp>,定義樣本文本
<select>創建單選或多選菜單
<small>,呈現小號字體效果
<span>,組合文檔中的行內元素
<sub>,定義下標文本
<sup>,定義上標文本
<textarea>,多行的文本輸入控件(文本域)
<tt>,打字機或者等寬的文本效果
<var>,定義變量
行內塊標簽:(inline-block)
1、能和其他元素待在一行
2、能設置寬高
常見的行內塊標簽:
圖片(<img>),輸入(<input>),文本域(<textarea>)
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的前端学习(142):行级标签和块级标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 常用工具软件使用【2】
- 下一篇: 前端学习(226):定位使用