HTML基础-标签

139 阅读2分钟

HyperText Markup Language  超文本标记语言

内联元素     行间元素      行内元素  inline element

不独占一行、无法定义宽高

strong   em  del  ins

块级元素     独占一行、可以定义宽高  block element

p   hx  div  address 

内联块级元素  inline-block element   不独占一行,可以定义宽高

img

anchor   标签(锚点)<a></a>

1.超链接标签   2.打电话 href="tel:"     3.发邮件href="mailto:"  4.锚点定位  5.协议限定符href="javascript:;"


内联元素可以嵌套内联元素

块级元素可以嵌套任何元素

p标签不可以签到div

a标签不可以嵌套a标签

a可以嵌套img


<sup>上标标签    superscripted  内联元素

<sup><a href="http://www.baidu.com" target="_blank" >[1]</a></sup>

<sub>下标标签     subscripted   内联元素


<span>   内联元素   


ol  有序  ul 无序     序列列表

dl  definition list 定义列表  dt ->definition term    dd ->definition description

block element


table   布局用的  caption  标题标签

tr table row  表格行  th table header cell表头标签    td table data cell 表格单元格标签

cellpadding  单元格内边距    cellspacing单元格间距   colspan  列合并  rowspan 行合并

thead 表格页眉标签  table head

tfoot 表格的页尾标签  table foot 

tbody  表格的主题标签  table  body

加载顺序  thead--tfoot -- tbody



frameset 设置框架   frame


iframe  内联框架    inline-block element  内联块级元素

scrolling  yes|no|auto


form

textarea  总宽度:8*cols+17           rows可见行数    不识别换行和空格

placeholder  样式不好操作 动态修改内容  所以会自己模拟

fieldset  legend   都是块级元素

<fieldset>

<legend>用户登录</legend>

<p>用户名</p>

<input type="text"  id="username" placeholder="请输入用户名"  />

</fieldset>


总结:

1内联元素:span/strong/em/del/ins/label/a/sub/sup

2块级元素:div/hx/p/address/ul/ol/li/dl/dt/dd/table/form/fieldset/legend

3内联块元素:input/img/select/textarea/iframe