码迷,mamicode.com
首页 > Web开发 > 详细

HTML————行级元素和块级元素标签

时间:2019-10-14 11:01:55      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:字体加粗   sam   文本域   for   text   field   ott   单选   行级元素   

 

块级标签:(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>)

 

HTML————行级元素和块级元素标签

标签:字体加粗   sam   文本域   for   text   field   ott   单选   行级元素   

原文地址:https://www.cnblogs.com/hhl686/p/11669790.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!