zoukankan      html  css  js  c++  java
  • html常用代码合集

    <!>字体效果

    <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 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 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> 用於显示变数

  • 相关阅读:
    DataGirdView 编辑项时的验证
    存储过程分面
    Android PopupWindow菜单
    Android ListView 中的checkbox
    Linq Group
    final关键字
    BroadcastReceiver
    Android Studio 快捷键
    Android Studio 基础知识
    黑客帝国代码雨实现
  • 原文地址:https://www.cnblogs.com/zhuxinpeng-looking/p/10575073.html
Copyright © 2011-2022 走看看