html基础

封面图 • 2022-02-20 • 小程序

<p>1.结构性定义 <br /> 文件类型（放在档案的开头与结尾） <br /> 文件主题（必须放在「文头」区块内） <br /> 文头（描述性资料，像是「主题」） <br /> 文体（文件本体） <br /> （由浏览器控制的显示风格） <br /> 标题（从1到6，有六层选择） <br /> 标题的对齐 <br /> 区分</p> <div></div> <p><br /> 区分的对齐</p> <div></div> <p><br /> 引文区块</p> <blockquote></blockquote> <p>（通常会内缩） <br /> 强调（通常会以斜体显示） <br /> 特别强调（通常会以加粗显示） <br /> 引文（通常会以斜体显示） <br /> 码（显示原始码之用） <br /> 样本 <br /> 键盘输入 <br /> 变数 <br /> 定义（有些浏览器不提供） <br /> 地址</p> <address></address> <p><br /> 大字 <br /> 小字 <br /> 与外观相关的标签（作者自订的表现方式） <br /> 加粗 <br /> 斜体 <br /> 底线（尚有些浏览器不提供） <br /> 删除线 <s></s>（尚有些浏览器不提供） <br /> 下标 <br /> 上标 <br /> 打字机体（用单空格字型显示） <br /> 预定格式</p> <pre></pre> <p>（保留文件中空格的大小） <br /> 预定格式的宽度</p> <pre width="?"></pre> <p>（以字元计算） <br /> 向中看齐</p> <center></center> <p>（文字与图片都可以） <br /> 闪耀 <blink></blink>（有史以来最被嘲弄的标签） <br /> 字体大小（从1到7） <br /> 改变字体大小 <br /> 基本字体大小 <basefont>（从1到7; 内定为3） <br /> 字体颜色 <br /> <br /> 2.连结与图形 <br /> 连结 <br /> 连结到锚点（如果锚点在另一个档案） <br /> （如果锚点目前的档案） <br /> 连结到目的视框 <br /> 设定锚点 <a name="***"></a><br /> 图形 <img alt="" src="/URL" /> <br /> 图形看齐方式 <img alt="" src="/URL" /> <br /> 图形看齐方式 <img alt="" src="/URL" /> ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> <br /> 取代文字 <img alt="***" src="/URL" /> （如果没有办法显示图形则显示此文字） <br /> 点选图 <img ismap="ismap" alt="" src="/URL" /> （需要CGI程式） <br /> N2.0 点选图 <img usemap="URL" alt="" src="/URL" /> <br /> N2.0 地图 <map name="***"></map>（描述地图） <br /> N2.0 段落 <area shape="RECT" coords=",,," href="/URL" /><br /> 3.0 大小 <img width="?" height="?" alt="" src="/URL" />（以pixels为单位） N1.0 图形边缘 <img border="?" alt="" src="/URL" /> （以pixels为单位） <br /> N1.0 图形边缘空间 <img alt="" src="/URL" /> （以pixels为单位） <br /> N1.0 低解析度图形 <img lowsrc="/URL" alt="" src="/URL" /> <br /> N1.1 用户端拉 <meta c="" http-equiv="Refresh" />（使用端自动更新） <br /> N2.0 内嵌物件 <embed src="/URL">（将物件插入页面） <br /> N2.0 内嵌物件大小 <embed src="/URL" height="?" width="?"><br /> <br /> 3.分隔 <br /> 段落 <p>（通常是两个return） <br /> 3.0 段落</p> <p></p> （新定义成容器型标签） <br /> 3.0 文字看齐方式 <p></p> <br /> 换行 <br /> （一个return） <br /> N1.0 文字部份看齐方式<br /> （与图形合用时） <br /> 横线 <hr /> <br /> N1.0 横线对齐 <hr align="LEFT|RIGHT|CENTER" /> <br /> N1.0 横线厚度 <hr size="?" /> （以pixels为单位） <br /> N1.0 横线宽度 <hr width="?" /> （以pixels为单位） <br /> N1.0 横线比率宽度 <hr width="%" /> （以页宽为100%） <br /> N1.0 实线 <hr noshade="" /> （没有立体效果） <br /> N1.0 不可换行 <nobr></nobr>（不换行） <br /> N1.0 可换行处 <wbr></wbr>（如果需要，可在此断行） <br /> 列举（可以巢状列举） <br /> 无次序式列举 <ul> <li></li> </ul> （ <ul> <li>放在每一项前） <br /> N1.0 公布式列举 <ul>（定义全部的列举项） <br /> <li>（定义这个及其後的列举项） <br /> 有次序式列举 <ol> <li></li> </ol> （</li> <li>放在每一项前） <br /> N1.0 数标型态 <ol>（定义全部的列举项） <br /> <li>（定义这个及其後的列举项） <br /> N1.0 起始数字 <ol value="?">（定义全部的列举项） <br /> <li value="?">（定义这个及其後的列举项） <br /> 定义式列举 <dl> <dt></dt> <dd></dd> </dl> （ <dt>项目, </dt> <dd>定义） <br /> 表单式列举 <menu> <ul> <li></li> </ul> </menu>（</dd> </li> <li>放在每一项前） <br /> 目录式列举 <dir> <ul> <li></li> </ul> </dir>（</li> <li>放在每一项前） <br /> 背景与颜色 <br /> 3.0 重复排列的背景 <br /> N1.1+ 背景颜色（依序为红、绿、蓝） <br /> N1.1+ 文字颜色 <br /> N1.1+ 连结颜色 <br /> N1.1+ 看过的连结 <br /> N1.1 使用中的连结 <br /> <br /> 4.特殊字元（以下标签需用小写） <br /> 特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码） <br /> < < > > & & " " <br /> 注册商标TM ® <br /> N1.0+ 注册商标TM ® <br /> 著作权符号 © <br /> N1.0+ 著作权符号 © <br /> <br /> 5.表单（通常需要与CGI程式配合） <br /> 定义表单 <form action="URL"> </form> <br /> N2.0 上传档案 <form> <br /> 栏位名称 <input name="***" type="text" /> <br /> 栏位内定值 <input value="***" type="text" /> <br /> 已选定 <input checked="checked" type="text" /> （适用於checkboxes与 radio boxes） <br /> 栏位宽度 <input type="text" /> （以字元数为单位） <br /> 最长字数 <input type="text" /> （以字元数为单位） <br /> 下拉式选单 <select></select> <br /> 下拉式选单名称 <select name="***"></select> <br /> 选单项目数量 <select></select> <br /> 多选式选单 <select multiple="multiple"> （多选）选项 <option>内定选项</option> <option>文字输入区</option> </select><textarea></textarea> <br /> 输入区名称 <textarea name="***"></textarea> <br /> N2.0 输入区换行方式 <textarea></textarea> <br /> <br /> 6.表格 <br /> 3.0 定义表格 <table> <tbody> </tbody> </table> <br /> 3.0 表格框线 <table border="1"> <tbody> </tbody> </table> （有或没有） <br /> N1.1 表格框线 <table border="?"> <tbody> </tbody> </table> （可以设定数值） <br /> N1.1 储存格左右留白 <table cellspacing="?"> <tbody> </tbody> </table> <table cellpadding="?"> <tbody> </tbody> </table> <table> <tbody> </tbody> </table> <table> <tbody> <tr> </tr> <tr valign="TOP|MIDDLE|BOTTOM"> <td></td> <td valign="TOP|MIDDLE|BOTTOM"><br /> 3.0 不换行</td> <td nowrap="nowrap"><br /> N3.0 储存格背景颜色</td> <td bgcolor="#000000"><br /> 3.0 储存格横向连接</td> <td><br /> 3.0 储存格纵向连接</td> <td><br /> N1.1 储存格宽度</td> <td>（以pixels为单位） <br /> N1.1 储存格宽度比率</td> <td>（页宽为100%） <br /> 3.0 表格标题</td> <th></th> <td>一样，不过会对中并加粗） <br /> 3.0 表格标题对齐</td> <th valign="TOP|MIDDLE|BOTTOM"><br /> 3.0 表格标题不换行</th> <th nowrap="nowrap"><br /> 3.0 表格标题占几栏</th> <th><br /> 3.0 表格标题占几列</th> <th><br /> N1.1 表格标题宽度</th> <th>（以pixels为单位） <br /> N1.1 表格标题比率宽度</th> <th>（页宽为100%） <br /> 3.0 表格抬头</th> </tr> </tbody> <caption></caption><caption>（在表格之上/之下） <br /> 视框（定义与控制萤幕上的特定区域） <br /> N2.0 视框格式总定义 <frameset></frameset>（取代） <br /> N2.0 视框行长度分配 <frameset rows=",,,"></frameset>（pixels 或 %） <br /> N2.0 视框行长度分配（* = 相对大小） <br /> N2.0 视框栏宽度分配 <frameset cols=",,,"></frameset>（pixels 或 %） <br /> N2.0 视框栏宽度分配（* =相对大小） <br /> N2.0 定义个别视框 <frame></frame>（定义个别视框） <br /> N2.0 个别视框内容 <frame src="/URL"></frame><br /> N2.0 个别视框名称 <frame name="***"></frame><br /> N2.0 边缘宽度 <frame marginwidth="?"></frame>（「左」与「右」边界） <br /> N2.0 边缘高度 <frame marginheight="?"></frame>（「天顶」与「地底」边界） <br /> N2.0 卷动条 <frame scrolling="YES|NO|AUTO"></frame><br /> N2.0 不可改变大小 <frame noresize=""></frame><br /> N2.0 无视框时的内容 <noframes></noframes>（如果浏览器不提供视框功能的话） <br /> <br /> 7.杂项 <br /> 说明 （浏览器不会显示） <br /> 这些HTML代码以供参考： <br /> # 代码是颜色， url代码地址或文件 <br /> <br /> <br /> <br /> <base href="/url" target="_blank" src="/url" /><br /> <meta c="" http-equiv="Content-Type" /><br /> <br /> <style type="text/css"> <br />  <br /></style><br /> <script language="javascript"> <br />  <br /> </script><br /> <br /> <br /> <br /> <font color="" size="2" face="宋体">文字</font> <br /> <br /> <a target="_blank/_self/_top/_parent/windowname" href="/url">文字</a> <br /> <br /> <a name="name1"></a><br /> <a href="#name1></a> <br /> <br /><FCK:hr size=1 width=" color="#" noshade="" align="left/right/center"><br /> <br /> <img border="0" name="name3" hspace="1" alt="如果图片不存在时显示的替代文字或说明文字" vspace="1" src="/url" /> <br /> <br /> <table border="0" cellspacing="0" bordercolor="" bordercolorlight="" bordercolordark="" cellpadding="0" width="777" background="/url " height="300" vspace="#" hspace="#"> <tbody> <tr bgcolor=""> <td height="16" valign="top/middle/bottom" background="/url " width="100%"><br /> </td> </tr> </tbody> </table> <br /> <br /> <form target="_self/_top/name" method="get/post" action="url" name="form1"> </form> <br /> <input maxlength="35" size="30" name="name" type="text" /> <br /> <select size="1" name="name"> <option value="" selected="selected">文字</option> </select> <br /> <textarea rows="12" cols="60" name="name"></textarea> <br /> </a></caption> </table> </form> <br /> <br /> <marquee bgcolor="" height="200" width="300" scrollamount="2" scrolldelay="50" align="center/left/right" border="0"><br /> 文字或图片 <br /> </marquee><br /> <br /> <ul><br /> <li url="" scrolling="yes/no/auto" frameborder="1/0" marginheight="0" marginwidth="0" height="200" width="200"><br /> 这里写不支持它的提示文字，如“您的浏览器不支持FRAME” <br /> <br /> <frameset scrolling="yes/no/auto" frameborder="1/0" bordercolor="#" framespacing="0" noresize="" cols="20%,*"></frameset><br /> <frame src="/url " scrolling="yes/no/auto" frameborder="0/1" marginheight="0" marginwidth="0"></frame><br /> <frameset rows="20%,*"></frameset><br /> <frame src="/url>"></frame><frame src="/url>"></frame><br /> <noframe></noframe>您的浏览器不支持FRAME <br /> <br /> </li> </ul> </li> </ol> </li> </ol> </li> </ul> </li> </ul> </embed></embed></basefont> </p>