1.html

概述

  • 网页内容的载体。可以包含文字、图片、视频等

结构

  • 一个html文件都有自己固定的结构
    • html
      • 根标签，所有的网页标签都在<html></html>里
      head
      • head标签，用于定义文档的头部，描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等。是所有头部元素的容器。头部元素有<head>元素、<meta>元素、<title>元素、<style>元素、<link>元素、<script>元素和<base>元素
      body
      • body标签，网页主体部分，该标签内的内容使用户可以看到，一个 HTML 文件只能存在一个 <body> 标签。
      补充
      • <!DOCTYPE html> -----------文档声明，说明这是一个html，一般写在开头
      • <html lang="en">告诉搜索引擎爬虫，我们网站是什么内容，en是英文，zh是中文，德语是de。一般写在文档生命后

属性

    • 每个标签有0个或多个的属性，每个属性都有不同的作用
      属性总是以名称/值对的形式出现：<标签 属性="值"></标签>，如超链接，href属性中用于定义链接的地址
        • <a href="http://www.bing.com">百度</a>
          常用属性（html对大小写不敏感，所以用小写就好啦）
            • ALIGN=LEFT，左对齐（缺省值），WIDTH=象素值或百分比，对象宽度.
            • ALIGN=CENTER，居中，HEIGHT=象素值或百分比，对象高度.
            • ALIGN=RIGHT，右对齐.
            • 属性：
            • cellpadding=数值单位是像素，定义表元内距
            • cellspacing=数值单位是像素，定义表元间距
            • border=数值单位是像素，定义表格边框宽度
            • width=数值单位是像素或窗口百分比,定义表格宽度
            • background=图片链接地址，定义表格背景图
            • <tr></tr>；表格中一个表格行的开始和结束；
              • 属性：
              • Colspan="",单元格跨越多列；
              • Rowspan="",单元格跨越多行；
              • Width="";定义表格宽度
              • Height="";定义表格高度
              • Align="";对齐方式
              • Valign="";
              • Border="",边框宽度；
              • Bgcolor="",背景色；
              • Bordercolor="",边框颜色；
              • Bordercolorlight="",边框明亮面的颜色；
              • Bordercolordark="",边框暗淡面的颜色；
              • Cellpadding="",内容与边框的距离（默认为2）；
              • Cellspacing="",单元格间的距离（默认为2）；
          • <br>；强制换行
            • 属性：
            • face=字体
            • color=颜色
            • 属性：
            • style=font-size:40pt；，用样式表方式控制字体大小，这里是40点
            <P>；段落标识，
            • 属性：
            • src=../../图片链接地址，贴图标识必备属性
            • style=filter:Alpha(opacity=100,style=2）；
            • filter：样式表滤镜；
            • Alpha：透明滤镜，
            • opacity：不透明度100(0~100）；
            • style：样式2(0~3），
            • rules="none"不显示内框"
            • 属性：
            • 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,
            • 设定控制面板的样子，
            • 属性：
            • LOOP=，设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止.
            • <form></form>；表格标识的开始和结束，表单的内容都放在这里.
              • 下边的标签放在表单内：
              • <select>；下拉选择框
              • <option></option>
                • 属性：
                • 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="",目标框架.
            其他标签：
              • Src=""
              • Loop="",循环次数；
              • <embed>；，媒体播放块；
              • Src=""
              • Loop="",循环次数；
              • 属性：
              • Bgcolor=""
              • Behavior，设置或获取文本如何在字幕中滚动.
              • Direction="",滚动方向；
              • Height=""
              • Width=""
              • Loop="",环次数；
              • scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.
              • scrollDelay="",设置或获取字幕滚动的速度.
              • scrollHeight="",获取对象的滚动高度；
              • scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
              • scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.
              • trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算，已过的实际时间来自于时钟计时.
    • 头部元素
      • head头部元素位于<html>标签和<body>标签之间，把其他头部元素包含在其中。
        meat元素
        • 用于指定网页上的字符集，页面描述，关键字，作者和其他元数据
        title元素是用于定义文档的标题；适用所有html文档或者xhtml文档
        • <title>标题</title>
        style元素
        • 用于设置html页面的样式，内联的css样式代码就是写在style元素内
        • <style>css样式的语句</style>
        link元素
        • 用于将外部的css样式表链接到网页中。
        • <link rel"stylesheet"href="css文件"/>
        script元素
        • 用于定义客户端脚本，比如JavaScript。
        • <script>js的语句</script>
        • 也可以通过src属性连接到外部文件到网页中,如
        • <script type="text/javascript" src="ja/style.js"></script>
        base元素
        • 用于指定页面中所有相对URL和基本目标，例：
        • <base href="http://www.baidu.com" trget="_blank">
    • body内容
      • body元素包含文档的所有内容（如文本、超链接、图像、表格和列表等等），只要是用户需要见的都写在<body></body>里!
        文档整体属性标签：
        • <body bgcolor="">；，设置背景颜色.使用名字或RGB的十六进制值；
        • <body background="">；，设置背景图片；
        • <body bgsound="">；，设置背景音乐；
        • <body bgproperties="fixed">；，固定背景图片（IE适用）；
        • <body text="">；，设置文本颜色.使用名字或RGB的十六进制值；
        • <body link="">；，设置链接颜色.使用名，字或RGB的十六进制值；
        • <body vlink="">；，设置已使用的链接的颜色.使用名字或RGB的十六进制值；
        • <body alink="">；，设置正在被击中的链接的颜色.使用名字或RGB的十六进制值；
        • <body topmargin="">；，设置页面的上边距；
        • <body leftmargin="">；，设置页面的左边距.
    • 注释
posted @ 2021-10-10 21:07  阴阳兔  阅读(180)  评论(0)    收藏  举报