首页 文章内容详情

HTML常用语法都有什么?html常用语法大全分享

2021-06-22 1.6 K 柒柒导航

Hot_Document-Code-HTML.png

HTML常用语法都有什么?html常用语法大全分享

<! - - ... - -> 批注 


<!> 跑马灯 


<marquee>...</marquee>普通卷动 


<marquee behavior=slide>...</marquee>滑动 


<marquee behavior=scroll>...</marquee>预设卷动 


<marquee behavior=alternate>...</marquee>来回卷动 


<marquee direction=down>...</marquee>向下卷动 


<marquee direction=up>...</marquee>向上卷动 


<marquee direction=right></marquee>向右卷动 


<marquee direction=left></marquee>向左卷动 


<marquee loop=2>...</marquee>卷动次数 


<marquee width=180>...</marquee>设定宽度 


<marquee height=30>...</marquee>设定高度 


<marquee bgcolor=FF0000>...</marquee>设定背景颜色 


<marquee scrollamount=30>...</marquee>设定卷动距离 


<marquee scrolldelay=300>...</marquee>设定卷动时间 


<!>字体效果 


<h1>...</h1>标题字(最大) 


<h6>...</h6>标题字(最小) 


<b>...</b>粗体字 


<strong>...</strong>粗体字(强调) 


<i>...</i>斜体字 


<em>...</em>斜体字(强调) 


<dfn>...</dfn>斜体字(表示定义) 


<u>...</u>底线 


<ins>...</ins>底线(表示插入文字) 


<strike>...</strike>横线 


<s>...</s>删除线 


<del>...</del>删除线(表示删除) 


<kbd>...</kbd>键盘文字 


<tt>...</tt> 打字体 


<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) 


<plaintext>...</plaintext>固定宽度字体(不执行标记符号) 


<listing>...</listing> 固定宽度小字体 


<font color=#921AFF>...</font>字体颜色 


<font size=1>...</font>最小字体 


<font style =font-size:100 px>...</font>无限增大 


<!>区断标记 


<hr>水平线 


<hr size=9>水平线(设定大小) 


<hr width=80%>水平线(设定宽度) 


<hr color=ff0000>水平线(设定颜色) 


<br>(换行) 


<nobr>...</nobr>水域(不换行) 


<p>...</p>水域(段落) 


<center>...</center>置中 


<!>连结格式 


<base href=地址>(预设好连结路径) 


<a href=地址></a>外部连结 


<a href=地址 target=_blank></a>外部连结(另开新窗口) 


<a href=地址 target=_top></a>外部连结(全窗口连结) 


<a href=地址 target=页框名></a>外部连结(在指定页框连结) 


<!>贴图/音乐 


<img src=图片地址>贴图 


<img src=图片地址 width=180>设定图片宽度 


<img src=图片地址 height=30>设定图片高度 


<img src=图片地址 alt=提示文字>设定图片提示文字 


<img src=图片地址 border=1>设定图片边框 


<bgsound src=MID音乐文件地址>背景音乐设定 


<!>表格语法 


<table aling=left>...</table>表格位置,置左 


<table aling=center>...</table>表格位置,置中 


<table background=图片路径>...</table>背景图片的URL=就是路径网址 


<table border=边框大小>...</table>设定表格边框大小(使用数字) 


<table bgcolor=颜色码>...</table>设定表格的背景颜色 


<table borderclor=颜色码>...</table>设定表格边框的颜色 


<table borderclordark=颜色码>...</table>设定表格暗边框的颜色 


<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 


<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字) 


<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字) 


<table cols=参数>...</table>指定表格的栏数 


<table frame=参数>...</table>设定表格外框线的显示方式 


<table width=宽度>...</table>指定表格的宽度大小(使用数字) 


<table height=高度>...</table>指定表格的高度大小(使用数字) 


<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) 


<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) 


<!>分割窗口 


<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 


<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 


<frameset cols="20%,*">分割左右两个框架 


<frameset cols="20%,*,20%">分割左中右三个框架 


<分割上下两个框架 


<frameset rows="20%,*,20%">分割上中下三个框架 


<! - - ... - -> 批注 


<A HREF TARGET> 指定超级链接的分割窗口 


<A HREF=#锚的名称> 指定锚名称的超级链接 


<A HREF> 指定超级链接 


<A NAME=锚的名称> 被连结点的名称 


<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 


<B> 粗体字 


<BASE TARGET> 指定超级链接的分割窗口 


<BASEFONT SIZE> 更改预设字形大小 


<BGSOUND SRC> 加入背景音乐 


<BIG> 显示大字体 


<BLINK> 闪烁的文字 


<BODY TEXT LINK VLINK> 设定文字颜色 


<BODY> 显示本文 


<BR> 换行 


<CAPTION ALIGN> 设定表格标题位置 


<CAPTION>...</CAPTION> 为表格加上标题 


<CENTER> 向中对齐 


<CITE>...<CITE> 用于引经据典的文字 


<CODE>...</CODE> 用于列出一段程序代码 


<COMMENT>...</COMMENT> 加上批注 


<DD> 设定定义列表的项目解说 


<DFN>...</DFN> 显示"定义"文字 


<DIR>...</DIR> 列表文字卷标 


<DL>...</DL> 设定定义列表的卷标 


<DT> 设定定义列表的项目 


<EM> 强调之用 


<FONT FACE> 任意指定所用的字形 


<FONT SIZE> 设定字体大小 


<FORM ACTION> 设定户动式窗体的处理方式 


<FORM METHOD> 设定户动式窗体之资料传送方式 


<FRAME MARGINHEIGHT> 设定窗口的上下边界 


<FRAME MARGINWIDTH> 设定窗口的左右边界 


<FRAME NAME> 为分割窗口命名 


<FRAME NORESIZE> 锁住分割窗口的大小 


<FRAME SCROLLING> 设定分割窗口的滚动条 


<FRAME SRC> 将HTML文件加入窗口 


<FRAMESET COLS> 将窗口分割成左右的子窗口 


<FRAMESET ROWS> 将窗口分割成上下的子窗口 


<FRAMESET>...</FRAMESET> 划分分割窗口 


<H1>~<H6> 设定文字大小 


<HEAD> 标示文件信息 


<HR> 由戏滞裣?


<HTML> 文件的开始与结束 


<I> 斜体字 


<IMG ALIGN> 调整图形影像的位置 


<IMG ALT> 为你的图形影像加注 


<IMG DYNSRC LOOP> 加入影片 


<IMG HEIGHT WIDTH> 插入图片并预设图形大小 


<IMG HSPACE> 插入图片并预设图形的左右边界 


<IMG LOWSRC> 预载图片功能 


<IMG SRC BORDER> 设定图片边界 


<IMG SRC> 插入图片 


<IMG VSPACE> 插入图片并预设图形的上下边界 


<INPUT TYPE NAME value> 在窗体中加入输入字段 


<ISINDEX> 定义查询用窗体 


<KBD>...</KBD> 表示使用者输入文字 


<LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) 


<MARQUEE> 跑马灯效果 


<MENU>...</MENU> 条列文字卷标 


<META NAME="REFRESH" CONTENT URL> 自动更新文件内容 


<MULTIPLE> 可同时选择多项的列表栏 


<NOFRAME> 定义不出现分割窗口的文字 


<OL>...</OL> 有序号的列表 


<OPTION> 定义窗体中列表栏的项目 


<P ALIGN> 设定对齐方向 


<P> 分段 


<PERSON>...</PERSON> 显示人名 


<PRE> 使用原有排列 


<SAMP>...</SAMP> 用于引用字 


<SELECT>...</SELECT> 在窗体中定义列表栏 


<SMALL> 显示小字体 


<STRIKE> 文字加横线 


<STRONG> 用于加强语气 


<SUB> 下标字 


<SUP> 上标字 


<TABLE BORDER=n> 调整表格的宽线高度 


<TABLE CELLPADDING> 调整数据域位之边界 


<TABLE CELLSPACING> 调整表格线的宽度 


<TABLE HEIGHT> 调整表格的高度 


<TABLE WIDTH> 调整表格的宽度 


<TABLE>...</TABLE> 产生表格的卷标 


<TD ALIGN> 调整表格字段之左右对齐 


<TD BGCOLOR> 设定表格字段之背景颜色 


<TD COLSPAN ROWSPAN> 表格字段的合并 


<TD NOWRAP> 设定表格字段不换行 


<TD VALIGN> 调整表格字段之上下对齐 


<TD WIDTH> 调整表格字段宽度 


<TD>...</TD> 定义表格的数据域位 


<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏 


<TEXTAREA WRAP> 决定文字输入栏是自动否换行 


<TH>...</TH> 定义表格的标头字段 


<TITLE> 文件标题 


<TR>...</TR> 定义表格美一行 


<TT> 打字机字体 


<U> 文字加底线 


<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) 


<VAR>...</VAR> 用于显示变量


《HTML标记参考手册》-适合于初学者


HTML标记参考手册


总类(所有HTML文件都有的) 


文件类型 <HTML></HTML> (放在档案的开头与结尾) 


文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 


文头 <HEAD></HEAD> (描述性资料,像是「主题」) 


文体 <BODY></BODY> (文件本体) 


结构性定义(由浏览器控制的显示风格) 


标题 <H?></H?> (从1到6,有六层选择) 


3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 


3.0 区分 <DIV></DIV> 


3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> 


引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩) 


强调 <EM></EM> (通常会以斜体显示) 


特别强调 <STRONG></STRONG> (通常会以加粗显示) 


引文 <CITE></CITE> (通常会以斜体显示) 


码 <CODE></CODE> (显示原始码之用) 


样本 <SAMP></SAMP> 


键盘输入 <KBD></KBD> 


变数 <VAR></VAR> 


定义 <DFN></DFN> (有些浏览器不提供) 


地址 <ADDRESS></ADDRESS> 


3.0 大字 <BIG></BIG> 


3.0 小字 <SMALL></SMALL> 


与外观相关的标签(作者自订的表现方式) 


加粗 <B></B> 


斜体 <I></I> 


3.0 底线 <U></U> (尚有些浏览器不提供) 


3.0 删除线 <S></S> (尚有些浏览器不提供) 


3.0 下标 <SUB></SUB> 


3.0 上标 <SUP></SUP> 


打字机体 <TT></TT> (用单空格字型显示) 


预定格式 <PRE></PRE> (保留文件中空格的大小) 


预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算) 


N1.0+ 向中看齐 <CENTER></CENTER> (文字与图片都可以) 


N1.0 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签) 


N1.0 字体大小 <FONT SIZE=?></FONT>(从1到7) 


N1.0 改变字体大小 <FONT SIZE=+|-?></FONT> 


N1.0 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3) 


N2.0 字体颜色 <FONT COLOR="#$$$$$$"></FONT> 


连结与图形 


链接 <A href="/URL"></A> 


链接到锚点 <A HREF="URL#***"></A>(如果锚点在另一个档案) 


<A HREF="#***"></A> (如果锚点目前的档案) 


N2.0 链接到目的视框 <A href="/URL" TARGET="***"></A> 


设定锚点 <A NAME="***"></A> 


图形 <IMG src="/URL"> 


图形看齐方式 <IMG src="/URL" ALIGN=TOP|BOTTOM|MIDDLE> 


N1.0 图形看齐方式 <IMG src="/URL" 


ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 


取代文字 <IMG src="/URL" ALT="***"> (如果没有办法显示图形则显示此文字) 


点选图 <IMG src="/URL" ISMAP> (需要CGI程式) 


N2.0 点选图 <IMG src="/URL" USEMAP="URL"> 


N2.0 地图 <MAP NAME="***"></MAP>(描述地图) 


N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," href="/URL"|NOHREF> 


3.0 大小 <IMG src="/URL" WIDTH="?" HEIGHT="?">(以pixels为单位) 


N1.0 图形边缘 <IMG src="/URL" BORDER=?> (以pixels为单位) 


N1.0 图形边缘空间 <IMG src="/URL" HSPACE=? VSPACE=?> (以pixels为单位) 


N1.0 低解析度图形 <IMG src="/URL" LOWsrc="/URL"> 


N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自动更新 ) 


N2.0 内嵌物件 <EMBED src="/URL"> (将物件插入页面) 


N2.0 内嵌物件大小 <EMBED src="/URL" WIDTH="?" HEIGHT="?"> 


分隔 


段落 <P> (通常是两个return) 


3.0 段落 <P></P> (新定义成容器型标签) 


3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P> 


换行 <BR> (一个return) 


N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时) 


横线 <HR> 


N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER> 


N1.0 横线厚度 <HR SIZE=?> (以pixels为单位) 


N1.0 横线宽度 <HR WIDTH=?> (以pixels为单位) 


N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%) 


N1.0 实线 <HR NOSHADE> (没有立体效果) 


N1.0 不可换行 <NOBR></NOBR> (不换行) 


N1.0 可换行处 <WBR> (如果需要,可在此断行) 


列举 (可以巢状列举) 


无次序式列举 <UL><LI></UL> (<LI> 放在每一项前) 


N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>(定义全部的列举项) 


<LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项) 


有次序式列举 <OL><LI></OL> (<LI> 放在每一项前) 


N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项) 


<LI TYPE=A|a|I|i|1> (定义这个及其後的列举项) 


N1.0 起始数字 <OL VALUE=?> (定义全部的列举项) 


<LI VALUE=?> (定义这个及其後的列举项) 


定义式列举 <DL><DT><DD></DL>(<DT>项目, <DD>定义) 


表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前) 


目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前) 


背景与颜色 


3.0 重复排列的背景 <BODY background="/URL"> 


N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> (依序为红、绿、蓝) 


N1.1+ 文字颜色 <BODY TEXT="#$$$$$$"> 


N1.1+ 连结颜色 <BODY LINK="#$$$$$$"> 


N1.1+ 看过的连结 <BODY VLINK="#$$$$$$"> 


N1.1 使用中的连结 <BODY ALINK="#$$$$$$"> 


特殊字元(以下标签需用小写) 


特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码) 


< < > > & lt;& gt;


注册商标TM & reg; 


N1.0+ 注册商标TM & reg; 


著作权符号 & copy; 


N1.0+ 著作权符号 & copy; 


表单 (通常需要与CGI程式配合) 


定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM> 


N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM> 


输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> 


栏位名称 <INPUT NAME="***"> 


栏位内定值 <INPUT VALUE="***"> 


已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes) 


栏位宽度 <INPUT SIZE=?> (以字元数为单位) 


最长字数 <INPUT MAXLENGTH=?> (以字元数为单位) 


下拉式选单 <SELECT></SELECT> 


下拉式选单名称 <SELECT NAME="***"></SELECT> 


选单项目数量 <SELECT SIZE=?></SELECT> 


多选式选单 <SELECT MULTIPLE> (多选) 


选项 <OPTION> 


内定选项 <OPTION SELECTED> 


文字输入区 <TEXTAREA ROWS=? COLS=?></textarea> 


输入区名称 <TEXTAREA NAME="***"></textarea> 


N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></textarea> 


表格 


3.0 定义表格 <TABLE></TABLE> 


3.0 表格框线 <TABLE BORDER></TABLE> (有或没有) 


N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值) 


N1.1 储存格左右留白 <TABLE CELLSPACING=?> 


N1.1 储存格上下留白 <TABLE CELLPADDING=?> 


N1.1 表格宽度 <TABLE WIDTH=?> (以pixels为单位) 


N1.1 宽度比率 <TABLE WIDTH=%> (页宽为100%) 


3.0 表格列 <TR></TR> 


3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 


3.0 储存格 <TD></TD> (须与列并用) 


3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 


3.0 不换行 <TD NOWRAP> 


N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$> 


3.0 储存格横向连接 <TD COLSPAN=?> 


3.0 储存格纵向连接 <TD ROWSPAN=?> 


N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位) 


N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%) 


3.0 表格标题 <TH></TH> (跟<TD>一样,不过会对中并加粗) 


3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 


3.0 表格标题不换行 <TH NOWRAP> 


3.0 表格标题占几栏 <TH COLSPAN=?> 


3.0 表格标题占几列 <TH ROWSPAN=?> 


N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位) 


N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%) 


3.0 表格抬头 <CAPTION></CAPTION> 


3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下) 


视框 (定义与控制萤幕上的特定区域) 


N2.0 视框格式总定义 <FRAMESET></FRAMESET> (取代<BODY>) 


N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %) 


N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相对大小) 


N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %) 


N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> (* =相对大小) 


N2.0 定义个别视框 <FRAME> (定义个别视框) 


N2.0 个别视框内容 <FRAME src="/URL"> 


N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top> 


N2.0 边缘宽度 <FRAME MARGINWIDTH=?> (「左」与「右」边界) 


N2.0 边缘高度 <FRAME MARGINHEIGHT=?> (「天顶」与「地底」边界) 


N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO"> 


N2.0 不可改变大小 <FRAME NORESIZE> 


N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>(如果浏览器不提供视框功能的话) 

版权声明:柒柒导航:QQ技术导航网,一切来源于热心网友,侵权联系立删!

TAG标签: # marquee # table # html代码 # html表格 # html文件

分享:

支付宝

微信