前端页面常用的标签有哪些

北京中科白癜风 https://wapjbk.39.net/yiyuanfengcai/yyjs_bjzkbdfyy/

今天把所有的html标签做了整体的总结,如果有遗漏的,想知道的其他标签,可以留言哈

1.格式标签

1)标题标签

h1~6align=left

right

center/h1~6

2)段落标签

palign=left

right

center/p

3)换行标签(用来输入空行,而不是分割段落)

br/

4)水平线标签

hrwidth=size=align=color=noshade/

5)无意义标签

span/spandiv/div

2.文本标签

1)字体标签

fontcolor=face=size=1~7/font

2)斜体标签

i/i

3)粗体标签

b/bstrong/strong

4)下划线标签

u/u

5)删除线标签

del/del

6)上标标签

sup/sup

7)下标标签

sub/sub

3.超链接标签

1)普通链接:ahref=“链接地址”target=“_blank

_self”title=描述文本或图片/a

2)空链接:ahref=“##”/a返回页面顶部

ahref=“javascript:;”/a保持原位置

3)脚本链接:ahref=javscript:js代码/a

4)电子邮件链接:ahref=mailto:邮箱地址/a

4.图片标签

图片标签可以引入任意类型的图片:png,jpg,gif都可以,基本语法如下

imgsrc=“”alt=“”width=“”height=“”border=“”/

src图片所在URL

alt图像无法显示时的替代文本;搜索引擎可以通过它指定的文字搜索该图片

width图片宽度

height图片高度

border图片边框

5.列表标签

1)有序列表

ol

li/li

li/li

/ol

2)无序列表

ul

li/li

li/li

/ul

3)自定义列表

dl

dt/dt

dd/dd

/dl

6.表格标签

tablewidth=height=bgcolor=border=align=cellpadding=cellspacing=

captionalign=/caption

tralign=valign=bgcolor=

th/th

th/th

/tr

tr

tdrowspan=colspan=width=height=align=left

center

right  valign=top

middle

bottombgcolor=/td

td/td

/tr

/table

标签列表:

table表格

caption表格标题

tr行

td列

th表头

属性列表:

bgcolor表格背景颜色

bordertable中的border表示整个表格的边框

align整体表格对齐方式

cellpadding单元格边框和内容之间的缝隙

cellspacing单元格和单元格之间的缝隙

rowspan行合并

colspan列合并

align水平方向文字对其方式

valign垂直方向上文字对齐方式

7.表单标签

1)单行文本框

inputtype=textname=size=maxlength=placeholder="value=/

2)密码文本框

inputtype=passwordname=size=maxlength=

value=/

3)多行文本框

textareaname=cols=rows=/textarea

4)单选框

inputtype=radioname=value=checked=checked/

单选框name值相同则为同一按钮组

5)复选框

inputtype=checkboxname=value=checked=checked/

复选框name值必须为同名数组则为同一按钮组

6)下拉菜单

selectname=size=

optionvalue=selected=selected/option/optgroup

/select

7)文件上传

inputtype=filename=/

使用文件上传,表单提交方式必须为post

form必须设置属性enctype=multipart/form-data

8)隐藏域

inputtype=hiddenname=value=/

隐藏域不会在页面的显示

隐藏域的值仍会被提交到服务器

9)按钮

提交按钮

inputtype=submitname=value=/

重置按钮

inputtype=resetname=value=/

普通按钮

inputtype=buttonname=value=/

这些是html中基础的标签,大家可以作为参考,搭建页面的时候,选择合适的标签来布局就可以了。




转载请注明:http://www.aierlanlan.com/tzrz/4849.html

  • 上一篇文章:
  •   
  • 下一篇文章: