• html狂记


    由于承接一部分站点优化工作,竟无节操地好几天没有喂博客,好了,今天完成交接工作,马上奉上DIV+CSS传统开发的干货一枚,内容绝非原创,仅是收集、学习、消化、总结、吐出。。。

    基本结构标签:
    <HTML></HTML>     表示文件为HTML文件
    <HEAD></HEAD>     文件的头部,定义使用的脚本、样式、标题等
        <TITLE></TITLE>   文件的标题,标题出现在浏览器标题栏中
        <META></META>     自定义信息,包括关键词、作者、版本等等,与搜索有关
        <LINK></LINK>     定义调用的css文件、浏览器标题栏显示的logo,ico格式图片文件
        <SCRIPT></SCRIPT> 定义调用的javascript文件
    <BODY></BODY>     页面呈现部分

    主要标签(以下所有标签用在<BODY></BODY>内):
    <A HREF="…"></A>    链接标签,"…"为链接的文件地址
    <IMG,SRC="…">       图片标签,"…"为图片的地址
    <BR />               换行标签
    <P>                  段落标签
    <B></B>              采用黑体字的文本标签
    <I></I>              采用斜体字的文本标签
    <HR />               水平画线标签
    <TABLE></TABLE>      表格标签(HTML中重要的标签)
    <TR></TR>            表格的行标签,用在<TABLE></TABLE>中
    <TD></TD>            表格的单元格标签,用在<TR></TR>中
    <FONT></FONT>        字体样式标签

    常用属性:
    对齐属性、范围属性:
    ALIGN=LEFT,左对齐(缺省值)
    WIDTH=像素值或百分比,对象宽度
    ALIGN=CENTER,居中
    HEIGHT=像素值或百分比,对象高度
    ALIGN=RIGHT,右对齐.
    色彩属性:
    COLOR=#RRGGBB,前景色,参考色彩对照表
    BGCOLOR=#RRGGBB,背景色

    <table></table>表格标签
    属性:
    cellpadding=数值单位是像素,定义表元内距
    cellspacing=数值单位是像素,定义表元间距
    border=数值单位是像素,定义表格边框宽度
    width=数值单位是像素或窗口百分比,定义表格宽度
    background=图片链接地址,定义表格背景图

    <tr></tr>表格行标签
    <td></td>表格单元格标签
    属性:
    Colspan="",单元格跨越多列
    Rowspan="",单元格跨越多行
    Width="";定义表格宽度
    Height="";定义表格高度
    Align="";对齐方式
    Valign="";
    Border="",边框宽度;
    Bgcolor="",背景色;
    Bordercolor="",边框颜色;
    Bordercolorlight="",边框明亮面的颜色;
    Bordercolordark="",边框暗淡面的颜色;
    Cellpadding="",内容与边框的距离(默认为2);
    Cellspacing="",单元格间的距离(默认为2);

    <br />强制换行
    <font></font>文本标识的开始和结束
    属性:
    face=字体
    color=颜色

    <b></b>加粗文字标识的开始和结束
    属性:
    style=”font-size:40pt”,用样式表方式控制字体大小,这里是40点

    <div></div>块标签
    属性:
    align=|center|left|right|水平对齐方式

    <marquee></marquee>动态标识标签
    属性:
    scrollamount=1~60,滚动速度
    direction=|left|right|up|down|,滚动方向
    scrolldelay=滚动延时,单位:毫秒

    <P>段落标签

    <img>图片标签
    属性:
    src=../../图片链接地址
    style=filter:Alpha(opacity=100,style=2);
    filter:样式表滤镜;
    Alpha:透明滤镜,
    opacity:不透明度100(0~100);
    style:样式2(0~3),
    rules="none"不显示内框"

    <embed,src="…">多媒体文件标签
    属性:
    SRC="../../FILENAME"音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频
    AUTOSTART=TRUE/FALSE,
    是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE
    LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.
    STARTIME="分:秒",
    设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20
    VOLUME=0-100,
    设定音量的大小.如果没设定的话,就用系统的音量.
    WIDTH,HEIGHT,
    设定控制面板的大小,都设为0可隐藏播放器
    HIDDEN=TRUE,
    隐藏控制面板
    CONTROLS=CONSOLE/SMALLCONSOLE,
    设定控制面板的样子,

    <bgsound,src="…">背景音乐标签,只能用于.wav和.mp3格式.
    属性:
    LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.

    表单标签:
    <form></form>表单标签
        <select>下拉选择框
        <option></option>
        </select>
    属性:
    Multiple,多选

    <textarea></textarea>,大量文字输入的编辑块
    属性:
    Cols="",行;
    Rows="",列;

    <input,type="text">,文本框
    <input,type="password">,密码框
    <input,type="submit">,提交按扭
    <input,type="checkbox">,复选框
    <input,type="radio">,单选框
    <input,type="reset">,重置按扭
    <input,type="image">,图片按扭
    <input,type="hidden">,隐藏域
    <input,type="button">,按扭
    <input,type="file">,浏览文件
    公共属性:
    Name="";
    Value=""
    Size=""

    框架标签:
    <FRAMESET>...</FRAMESET>,定义框架.
    <FRAME>,放在框架标签内,定义每个框架的内容.
    属性:
    Cols=""
    Rows=""
    Frameborder=""
    Framespacing=""
    src=""
    Scrolling="",滚动条(No,Yes);
    Noresize,框加大小不可变;
    Marginhight="",高度空余空间;
    Marginwidth="",宽度空余空间;
    Target="",目标框架.

    其他标签:
    <bgsound>,背景音乐;
    Src=""
    Loop="",循环次数;
    <embed>,媒体播放块;
    Src=""
    Loop="",循环次数;
    <marquee></marquee>,滚动部分;
    属性:
    Bgcolor=""
    Behavior,设置或获取文本如何在字幕中滚动.
    Direction="",滚动方向;
    Height=""
    Width=""
    Loop="",环次数;
    scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.
    scrollDelay="",设置或获取字幕滚动的速度.
    scrollHeight="",获取对象的滚动高度;
    scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
    scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.
    trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

    <!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示.

    偏爱商务的年轻程序员kesal
  • 相关阅读:
    推荐给新手gopher的一些书籍
    flask中路由处理
    flask中间件之请求扩展
    Chrome调试技巧
    iconfont 使用
    @font-face 使用过程
    SEO
    数据结构与算法2-4 队列
    数据结构与算法2-4 堆栈链式存储
    软件推荐--Sublime Text3常用快捷键查询(不断更新ing)
  • 原文地址:https://www.cnblogs.com/kesal/p/3299420.html
Copyright © 2020-2023  润新知