Html中行内元素有哪些?块级元素有哪些

html-css09

Html中行内元素有哪些?块级元素有哪些,第1张

1、行内元素:a–锚点;abbr–缩写;acronym–首字;b–粗体(不推荐);bdo–bidi override;big–大字体;br–换行;cite–引用。

code–计算机代码(在引用源码的时候需要);dfn–定义字段;em–强调;font–字体设定(不推荐);i–斜体;img–图片。input–输入框。

kbd–定义键盘文本;label–表格标签;q–短引用;s–中划线(不推荐);samp–定义范例计算机代码;select–项目选择;small–小字体文本。

span–常用内联容器,定义文本内区块;strike–中划线;strong–粗体强调;sub–下标;sup–上标;textarea–多行文本输入框;tt–电传文本;u–下划线;var–定义变量。

2、块级元素:address-地址;blockquote-块引用;center-居中对齐块;dir-目录列表;div-常用块级容器,也是css layout的主要标签;dl-定义列表。

fieldset-form控制组;form-交互表单;h1-大标题;h2-副标题;h3-3级标题;h4-4级标题;h5-5级标题;h6-6级标题;hr-水平分隔线。

isindex-input prompt;menu-菜单列表;noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容)。

noscript-可选脚本内容(对于不支持script的浏览器显示此内容);ol-排序表单;p-段落;pre-格式化文本;table-表格;ul-非排序列表(无序列表)。

扩展资料

行内元素特点:和其他元素都在一行上;高度、行高和顶以及底边距都不可改变;宽度就是它的文字或图片的宽度,不可改变。

总的来说,内联元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他内联元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。

块级元素的特点:总是在新行上开始;高度,行高以及外边距和内边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度。它可以容纳内联元素和其他块元素。

参考资料来源:百度百科-块元素

参考资料来源:百度百科-内联元素

HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框(INPUT type=text),密码输入框(INPUT type=password),单选输入框(INPUT type=radio),复选输入框(INPUT type=checkbox),重置按钮、提交按钮、隐藏域、等等。

一、文本域<input type="text" name="text" value="" />

二、密码域

密码跟文本框类似,但是在里面输入的内容显示为圆点。

<input type="password" name="text" value="" />

三、单选按钮

男人:<input type="radio" name="sex" value="male" />Male<br />

女人:<input type="radio" name="sex" value="female" />Female

四、复选框

<input type="checkbox" name="check1" value="" />

五、按钮

<input type="button" value="确认" />

六、重置按钮

当点击重置按钮时,重置按钮所在的表单将全部清空,而其他表单不受影响。<input type="reset" value="重置" />

七、提交按钮

当点击提交按钮时,浏览器将自动提交表单。<input type="submit" value="提交" />

八、隐藏域

隐藏域在浏览器中并不显示,仅仅为保存一些不太重要的资料而存在。<input type="hidden" value="我是一个隐藏域" />

九、上传域<input type="file" value="" />

十、图片按钮<input type="image" src="123.gif" />

十一、下拉列表<select>

<option value="0">0</option>

<option value="1">1</option>

<option value="2">2</option>

例如:

属性:disabled,可选值:disabled ,说明:规定禁用该下拉列表。  

十二、label

abel 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如,当将单选按钮放在label内。则点击label内的文字也会触发单选按钮,而不必只是点中小圆点。

例如:

<label><input type="radio" name="male" />男人</label></p>

<label><input type="radio" name="male" />女人</label></p>

十三、禁用(disabled)与只读(readonly)

禁用和只读属性。readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去。

禁用文本框:<input type="text" disabled="disabled" />

只读文本框: <input type="text" readonly="readonly" /></form>

十四、TextArea

十五、fieldset    定义域

fieldset用于给表单元素分组,legend用于设置分组标题。

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域,包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮,包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。