HTML 标签大全及属性
基本结构标签: ,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ---,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志 其它主要标签,以下所有标志用在中: ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址 ,换行标志 ,分段标志 ,采用黑体字 ,采用斜体字 ,水平画线 ,定义表格,HTML中重要的标志 ,定义表格的行,用在中 ,定义表格的单元格,用在中 ,字体样式标志 属性: 属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. 表示绝对居中. 表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距 cellspacing=数值单位是像素,定义表元间距 border=数值单位是像素,定义表格边框宽度 width=数值单位是像素或窗口百分比,定义表格宽度 background=图片链接地址,定义表格背景图 表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束 属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度 Height="";定义表格高度 Align="";对齐方式 Valign=""; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2); 强制换行 文本标识的开始和结束 属性: face=字体 color=颜色 加粗文字标识的开始和结束 属性: style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 ,分区标识的开始和结束 属性: align=|center|left|right|水平对齐方式 动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 属性: scrollamount=1~60,滚动速度 direction=|left|right|up|down|,滚动方向 scrolldelay=滚动延时,单位:毫秒 段落标识, 空格符, 贴图标识 属性: src=../../图片链接地址,贴图标识必备属性 style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框" 多媒体文件标识 属性: SRC="../../FILENAME", 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE, 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止. STARTIME="分:秒", 设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20 VOLUME=0-100, 设定音量的大小.如果没设定的话,就用系统的音量. WIDTH,HEIGHT, 设定控制面板的大小,都设为0可隐藏播放器 HIDDEN=TRUE, 隐藏控制面板 CONTROLS=CONSOLE/SMALLCONSOLE, 设定控制面板的样子, ,背景音乐标识,只能用于.wav和.mp3格式. 属性: LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止. 表单标签: 表格标识的开始和结束,表单的内容都放在这里. 下边的标签放在表单内: 下拉选择框 属性: Multiple,多选 ,大量文字输入的编辑块 属性: Cols="",行; Rows="",列; ,文本框 ,密码框 ,提交按扭 ,复选框 ,单选框 ,重置按扭 ,图片按扭 ,隐藏域 ,按扭 ,浏览文件 公共属性: Name=""; Value="" Size="" 框架标签: ...,定义框架. ,放在框架标签内,定义每个框架的内容. 属性: Cols="" Rows="" Frameborder="" Framespacing="" src="" Scrolling="",滚动条(No,Yes); Noresize,框加大小不可变; Marginhight="",高度空余空间; Marginwidth="",宽度空余空间; Target="",目标框架. 其他标签: ,背景音乐; Src="" Loop="",循环次数; ,媒体播放块; Src="" Loop="",循环次数; ,滚动部分; 属性: Bgcolor="" Behavior,设置或获取文本如何在字幕中滚动. Direction="",滚动方向; Height="" Width="" Loop="",环次数; scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数. scrollDelay="",设置或获取字幕滚动的速度. scrollHeight="",获取对象的滚动高度; scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离. scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离. trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时. ,注释标记,在""之间的内容将不在浏览器中显示. -- 基本标签: ,创建一个HTML文档; ,设置文档标题和其它在网页中不显示的信息; ,设置文档的标题; ,最大的标题; ,预先格式化文本; ,下划线 ,黑体字; ,斜体字; ,打字机风格的字体; ,引用,通常是斜体; ,强调文本(通常是斜体加黑体); ,加重文本(通常是斜体加黑体); ,设置字体大小从1到7,颜色使用名字或RGB的十六进制值; ,基准字体标记; ,字体加大; ,字体缩小; ,加删除线; ,程式码; ,键盘字; ,范例; ,变量; ,向右缩排; ,述语定义; ,地址标记; ,上标字; ,下标字; ...固定宽度字体(在文件中空白、换行、定位功能有效) ...固定宽度字体(不执行标记符号); ...,固定宽度小字体; ...字体颜色; ...最小字体; ...无限增大. 格式标签: ,创建一个段落; ,将段落按左、中、右对齐; ,换行,插入一个回车换行符; ,从两边缩进文本; ,列表标签,定义列表; ,定义列表标题; ,定义列表内容; 例: 标题1 内容11 内容12 标题2 内容21 内容22 ,列表标签,定义一个标有数字的列表; ,列表标签,定义一个标有圆点的列表; ,放在每个列表项之前; 放在之间则每个列表项加上一个数字,放在之间则每个列表项加上一个圆点; ,分区标签,用来排版大块HTML段落,也用于格式化表; ,选项清单; ,目录清单; ,强行不换行; 水平线(设定宽度); ,水平居中. 链接标签: ,创建超文本链接; ,创建自动发送电子邮件的链接; ,创建位于文档内部的书签; ,创建指向位于文档内部书签的链接; ,文档中不能被该站点辨识的其它所有链接源的URL; ,定义一个链接和源之间的相互关系; 链接标签注解: target="...",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top); rel="...",发送链接的类型; rev="...",保存链接的类型; accesskey="...",指定该元素的热键; shape="...",允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly); coord="...",使用像素或者长度百分比来定义形状的尺寸; tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点). 表格标签: ,创建一个表格; ,表格中的每一行; ,表格中一行中的每一个格子; ,设置表格头:通常是黑体居中文字; ,设置表格格子之间空间的大小; ,设置边框的宽度; ,设置表格格子边框与其内部内容之间空间的大小; ,设置表格的宽度.用绝对像素值或总宽度的百分比; ,设置表格格子的水平对齐方式(left,center,right,justify); ,设置表格格子的水平对齐方式(left,center,right,justify); ,设置表格格子的垂直对齐方式(baseline,bottom,middle,top); ,设置一个表格格子跨占的列数(缺省值为1); ,设置一个表格格子跨占的行数(缺省值为1); ,禁止表格格子内的内容自动断行; ,表格的标题; ,定义多个列为一组列; ,创建一个表格; ,定义表格的页眉; ,定义一个列组中的列，以便对它们能够同时设置有关属性; ,定义一个表格的实体; ,定义一个表格的页脚; 表单标签: ,创建表单; action="...",接收数据的服务器的URL; method="...",HTTP的方法(get,,post),其中get是被反对使用的; enctype="...",指定MIME(Internet媒体类型); onsubmit="...",当提交表单时发生的内部事件; noreset="...",在重新设置表单时发生的内部事件; target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top) ,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目; ,设置每个表单项的内容; ,创建下拉菜单; ,创建一个文本框区域,列的数目设置宽度,行的数目设置高度; ,创建一个复选框,文字在标签后面; ,创建一个单选框,文字在标志后面; ,创建一个单行文本输入区域,size设置以字符串的宽度; ,创建提交(submit)按钮; ,创建一个使用图象的提交(submit)按钮; ,创建重置(reset)按钮; ,创建一个按钮; disabled="...",把按钮的状态设置为不能; name="...",按钮的控制名,value="...",按钮的值; type="...",按钮的类型(button,,submit,,reset); ,把相互关联的控件组合成一组; ,提示用户输入; ,为一个控件提供标签; ,为FIELDSET元素指定一标题; ,为用户做选择创建各个选项; ,创建一个允许用户多行输入的区域. 表单标签注解: type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button); name="...",控件的控制名(要求是除了submit和reset之外的任何名字); value="...",控件的初始值; checked="...",把一个单选钮设置为选中的状态; disabled="...",把控件的状态设置为不能使用; readonly="...",只对输入密码的文本框使用; size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目; src="...",一个图像控件的URL; maxlength="...",指定可以输入的最多的字符数目; alt="...",另外一种文本描述; usemap="...",到客户端图形镜像的URL; align="...",被反对.控制对齐方式(left,,center,,right,,justify); tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序; onfocus="...",当元素获得焦点时发生的事件; onblur="...",当元素失去焦点时发生的事件; onselect="...",当元素被选中时发生的事件; onchang="...",当元素状态被改变时发生的事件; accept="...",允许上载的文件类型. 帧标签(框架标签): ,放在一个帧文档的标签之前,也可以嵌在其他帧文档中; ,定义一个帧内的行数,可用像素值或高度百分比; ,定义一个帧内的列数,可用像素值或宽度百分比; ,定义一个帧内的单一窗或窗区域; ,定义在不支持帧的浏览器中显示什么提示; ,规定帧内显示的HTML文档; ,命名帧或区域以便别的帧可以指向它; ,定义帧左右边缘的空白大小,必须大于等于1; ,定义帧上下边缘的空白大小,必须大于等于1; ,设置帧是否有滚动栏,其值可以是"yes","no",或"auto"; ,禁止用户调整一个帧的大小; ,创建一个内联的帧; scr="...",定义在帧中显示的内容的来源; frameborder="...",定义帧之间的边界(0或1); align="...",被反对,控制对齐方式(left,,center,,right,,justify); height="...",帧的高度,width="..."帧的宽度; ...,普通卷动; ...,滑动; ...,预设卷动; ...,来回卷动; ...,向下卷动; ...,向上卷动; ,向右卷动; ,向左卷动; ...,卷动次数; ...,设定宽度; ...,设定高度; ...,设定背景颜色; ...,设定卷动距离; ...,设定卷动时间; ,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框". 文档整体属性标签: ,设置背景颜色.使用名字或RGB的十六进制值; ,设置背景图片; ,设置背景音乐; ,固定背景图片(IE适用); ,设置文本颜色.使用名字或RGB的十六进制值; ,设置链接颜色.使用名,字或RGB的十六进制值; ,设置已使用的链接的颜色.使用名字或RGB的十六进制值; ,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值; ,设置页面的上边距; ,设置页面的左边距.
什么是html属性，html常用的属性有哪些
所谓html属性，指的就是各个标签所具有的属性 最为常见的属性包括：id、class、name、style、type、value等 不同的标签还有各自的专属属性，比如表格元素所专用的 colspan rowspan html属性是书写于标签当中的，如： input是标签名，而type、name、id都是这个标签的属性 当然，用户还可以自定义属性。 如果是新手学习HTML5，建议弄本书把基础知识打扎实，推荐看看《HTML5布局之路》学习一下
html块级标签有哪些
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的，HTML 标签由开始标签和结束标签组成，下面我们来看一下HTML中常用的块状标签。
什么是块级标签？我们可以通过一个简单的方式来判定，那就是在网页上单击右键选择“审查元素”,在审查元素当中显示为可折叠的就是块状标签.
1.jpg
那么常见的块状标签有哪些呢？
标题标签
、、......以此类推，其中，规范的写法里在一个页面当中仅出现一次，也就是页面标题。
代码如下
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
效果如下
2.jpg
段落标签
有时候会出现没有换行的情况，那么可以使用换行标签
水平线标签
效果如下：
3.jpg
有序列表标签
就是会按照1、2、3......或者其它递进方式排列
列表项1
列表项2
列表项3
显示效果
4.jpg
无序列表标签
每一个列表都是一样的标示
代码如下
列表项1
列表项2
列表项3
html块级标签,行内标签,行内块标签的显示模式有哪些
这次给大家带来html块级标签,行内标签,行内块标签的显示模式有哪些，使用html块级标签,行内标签,行内块标签显示模式的注意事项有哪些，下面就是实战案例，一起来看一下。今天讲课的时候，讲到了html中的标签的显示模式，大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用，比如宽、高、水平居中等，其实这个属性的使用只有在块级标签上使用才起作用。个人认为这个也是初学者非常容易忽略的地方，所以我就把它记下来！比如会有一种情况，给p标签水平居中有作用，但是给font加水平居中属性就没作用（如下）：p{ color:red; text-align:center;}font{color:red; text-align:center;} 我是块级标签p
我是行内标签font 运行预览之后p能使文本水平居中，但是font就不可以那么以上这个问题就和html中的显示模式有关了：显示模式的特性：主要分为两大类：块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高！其中还有一种结合两种模式有点的显示模式：行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；在html中显示模式分为块级和行内，其中常用的块级有：p,p,h1~h6,ul,li,dl,dt,dd... 常用的行内有：span，font,b,u,i,strong,em,a,img,input，其中img和input为行内块元素。那么有的同学就会想了，难道我就不可以控制span或者font的宽高了吗？可以的，那么我们这次抛开浮动和定位不说，就说通过display属性来将它们互相转换：1、块级标签转换为行内标签：display:inline;2、行内标签转换为块级标签：display:block;3、转换为行内块标签：display：inline-block;只要给对应的标签使用这个display这个属性，取相应的值，就可以将显示模式互相转换。在这之前有说过 text-align这个属性是否生效，原因是块级标签如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽，那么在100%的宽度中居中生效；但是行内元素的宽完全是靠内容撑开，所以宽度就是内容撑开的宽，我们给个背景测试看看：所以块级是在盒子中间居中了，但是因为行内元素的宽就是内容宽，没有可居中的空间，所以text-align:center;就没有作用；但是如果给font转换为块级就不一样了：p{ background:green; color:red; text-align:center;} font{background:green;color:red; text-align:center;display:block;}同理，要是块级转换为行内了，文本也不能居中显示了。因为在html中，行内元素被视为有文字特性的标签，块级能使文本水平居中，那么在块级当中的行内标签被视为文本的特性，那么块级使用text-align:center；的话，里面的行内标签会被像文本一样水平居中在块级标签中：不加text-align:center；时：p{ padding:5px;background:green; color:red;} font{ background:yellow;}
我是行内标签font 我是行内标签font 加上text-align:center;后p{ padding:5px;background:green; color:red;text-align:center;} font{ background:yellow;}相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！相关阅读：HTML基础知识，关于超链接设置的样式的详细介绍HTML的基础知识.关于css样式表和样式属性的详细介绍HTMLa标签的href属性指定相对路径与绝对路径使用方法
HTML常用标签
Html常用标签总结，具体可分为常用基础标签、常用表单基础标签、常用表格基础标签、常用列表标签、常用框架标签、常用链接标签和常用图像标签七大类。 01 常用基本标签 定义html文档 定义文章标题和其他在网页内不显示的信息 定义文档标题 定义文档的主体内容 定义最大标题，由1依次往后排开，1最大 注释 02 常用表单基础标签 定义表单 定义输入控件 定义多行文本输入 定义按钮 定义选择的下拉列表 定义选择列表中的选项组合 定义选择列表的选项 定义input的标注 定义围绕表单的边框 定义fieldset的标题 03 常用表格基础标签 定义表格 定义表格标题 定义表格中的表单元格 定义表格中的行 定义表格中的单元 定义表格中的表头内容 定义表格中的主体内容 定义表格中的脚注 d定义表格中一个或者多列的属性值 定义表格中供格式化的列组 04 常用列表标签 定义无序列表 定义有序列表 定义列表的项目 定义列表 定义列表中的项目 定义列表中项目的描述 定义命令列表 定义用户可以从弹出菜单调用的命令 05 常用框架标签 定义框架集的窗口或者框架 定义框架集 定义针对不支持框架的用户代替内容。 定义内联框架 06 常用链接标签 定义锚 定义文档与外部资源的关系 07 常用图像标签 定义图像 定义图像映射 定义图像地图内的区域
HTML常用标签？
HTML常用标签有列表形快速布局、标题型、独立内容、段落标签 1.列表形快速布局 当我们想要列表型布局网站的时候，这时候我们就要使用ul和li标签，一些文章的列表和栏目的列表，都是可以使用ul和li标签布局，当然我们也要配合css去实现效果，可以实现循环的效果。 2.标题型 我们在做网站的时候，总会遇到文章的标题，不同的程序员会使用不同的标签去实现，有人习惯用h1，有人习惯用h2，h1和h2两种标签效果也是不一样的。 3.独立内容 在内容中，如果我们想把几个文字单独设置颜色，这时候我们就可以需要span标签，对字体单独设置样式。 4.段落标签 段落的标签我们可以使用p标签，在段落的开始加一个 就可以实现段落的分明。