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=00ff00>...</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> 用于显示变量  

再来一个按头字母排序的关键字大全

<! - - ... - -> 批注
  <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> 用于显示变量

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值