在这里记录HTML中的所有单标签:
                                

可选
                                

                                
                                

                                
  • 可选
                                    
                                    
                                    

    在HTML文本中显示空格的三种方式:
      1。字符实体:    
      2。预格式标签:
    空格

      3。全角字符:在全角字符状态下按空格键,键入。

    1¥ HTML文件的基本结构

      完整的HTML文件至少包括:

          标签、
          标签、
          标签<br>       和<BODY>标签<br> <br>  这些标签成对出现,开头标签为<>,结束标签为</><br> <br> 1)    HTML文档的结构<br> <br> 1$ HTML部分:(整个网页文件的最外侧标签)<br> <br>    <HTML>……</HTML><br> <br>    作用:告诉浏览器,这两个标签中间的内容是HTML文件。<br> <br> 2$ 头部:<br>  <br>    以<HEAD>标签开始,以</HEAD>标签结束。<br> <br>    如: <HEAD><br>         <TITLE>…… 标识网页的标题
           

       作用:包含显示在网页标题栏中的标题和其他在网页中不显示的
             信息。

    3$ 主体部分:

       包含在网页中显示的文本、图像和链接。

       以标签开始,以标签结束

    另外:标签不区分大小写,等效于

    2)    使用记事本创建网页

    1$ 创建一个HTML文档,需要两个工具:

          一个文本编辑器(如记事本等)
          一个用于查看HTML文档效果的Web浏览器

    2$ 保存一个HTML文档

       需将编辑好的HTML文档,在保存对话框中选择保存类型中选中“所有文件”

       在编码下拉列表框中选择“ANSI”选项

    3)标签(在HEAD中)

       标签出现在网页的标题部分,提供有关网页的信息。

       使用<标签中的charset属性设置网页的编码语系

        如: charset=gb2312  简体中文网页
             charset=big5    繁体中文网页
             charset=iso-8859-1 或不设置  纯英文网页

    4)页面背景色或背景图像(若果是设置整个网页背景,则在BODY中)
            
       如:  设置页面背景颜色

      又如:  设置页面背景图像

      另外:为了使页面美观大方,整个页面背景一般尽量浅。

    2¥ 文本相关标签

    1$ 字体、字号相关标签

    1.。标题标签
     
     HTML提供了六级标题,

    为最大,

    为最小。

     如:

    一级标题



    2.。字体标签

     标签用于控制网页上的文本的显示外观,如:文字大小、字体类型和颜色等属性。

      如:
      

     说明:1。在font中字体大小用size, 默认为3,范围为1~7;
              也可以默认为基准,使用加减号控制大小。

              如上例:“+2”即在默认基础上加大2个单位。

           2。在font中颜色用color控制,颜色值可16进制数表示。

           3。在font中,字体类型使用face

           4。 所有属性名用等号连接属性值。

    3.。特殊符号(字符实体)

        某些字符在HTML中有特殊意义,如:<, >, 空格, 等。
        在浏览器中显示这些字符,就必须使用HTML中的字符实体

        字符实体有3部分组成:&号、实体名、分号;

        注意:字符实体各字符之间不能有空格
              转义码必须以分号;结束
              单独的&不是转义的开始

        空格:   
        >   :  >
        <   :  <
        “”   :  "
        版权符号:©

    2$ 行的控制标签

    1.。段落标签



    段落标记

    用于标记段落的开始,段落的结束标记

    为可选。
    如没有

    标签,则下一个

    开始自动开始一个新段落。

    可以通过段落的align属性,设置段落的对齐方式。
     
    2.。强制换行标签
    (单标签,略)

    3¥ 图像标签
    1)常见的图片格式(暂略)
                                              
       4种: jpg gif swf bmp

    1$ JPG

     是联合图像专家组文件格式(Joint Photographic Expert Group)的缩写

    2)图像的基本语法

       标签用于在HTML文档中插入图像,使用src属性制定图像文件所在的路径。

    如:”图像”

    说明:
      1。 alt属性有两个作用
          如果图像没有被下载,在图像位置出现的提示文字;
          如果图像正常下载完成,将鼠标放在该图像上,在鼠标旁边出现的
          提示文字。

     
    3)图像与文本的对齐

    1$ IMG标签的align属性

      标签的align属性用于调整图像相对于周围文本的对齐方式。
      在中align可以取:top  bottom  middle  left  right
                             默认为bottom。

      注意:所被设置的文档应紧跟标签

      如:          height=”95” border=”0”>请单击进入广告区

    2$ IMG标签的hspace属性

    标签的hspace属性,用于设置图像周围文本与图像之间间距

     如:
        

        /*列表行图标为disc”
            
    1. 广告文本1

    2.       
    3. 广告文本2

    4.     


     说明:上例如没有hspace的设置,则无法显示出列表行图标。

    4¥ 文字布局

    1)使用内容分隔
    标签

     
    (水平线)标签用于在页面上绘制水平线,只有开始标签,没有结束标签。

      在
    中可以使用align,默认为center(还有left\right)

      如:


    说明:
      1。size属性用于设置水平线的高度(粗细),以像素为单位
      2。width用于设置水平线的长度,像素或%均可
      3。水平线的位置用align设置,上例中没写,则去默认值center
      4。还有一个属性为 noshade 意为没有阴影

    另外:

     制作垂直线:把水平线长度(width)设置为1
                 水平线粗细size设置为很大,即可。

     如:

    2)如何使用文字列表

       在HTML文档中包含两种文字列表:有序列表/无序列表

    1$ 无序列表

       无序列表就是“项目列表”。包含在
    标签中

     列表中的每一项都用列表标签
  • 表示,列表标签结束
  • 为可选

     如:

           
    • 如何激活会员名?<./LI>
           
    • 如何注册会员名?

    •     


    说明:
      1。
      中的type属性决定列表项开始的符号,可以取值得范围:
             默认:disc 实心圆点
             circle 空心圆环
             square 空心正方形

       
      2$ 有序列表

      有序列表包含
      标签中,列表项以自动生成的顺序显示。

      如:

              
      1. 填写信息

      2.       
      3. 收电子邮件

      4.     


      说明:
        1。Type属性决定有序列表的序号类型,可取范围:
             1:阿拉伯数字序列
             a:小写英文字母序列
             A:大写英文字母序列
             i: 小写罗马数字序列
             I:大写罗马数字序列

      3)如何使用预格式文本
      标签(即格式化输出,略)

        
      标签用于
         显示预先在HTML代码中已经定义好格式的文本

      5¥ 页面链接标签

        
      标签用于创建超级链接,是到另一个文档或文件(图形、音频、视频)甚至到同一文档的另一部分的链接。

         单击超级链接时,就会进入链接中指定的URL(href=””)

         要创建超级链接,应指定以下两个组件:

            1。要链接文件的完整地址(href=””)
            2。将提供链接的热点
                   热点可以是文本行,也可以是图像
                   单击热点时,浏览器将读取URL中指定的地址并跳转到新位置

      1)链接到其他页面(注意绝对路径和相对路径)

       如:
      [免费注册]

       说明:
         1。“href”参数可提供链接到其他目录中的文件

      2)链接到本页面
      1$ 设置锚记(页面中链接的目标位置)

         页面的内容太多,为了方便用户,可以使用锚点链接。

         标签的name属性用于在文本中创建链接要搜寻的锚记。

         如:
      主题名称
            //定义一个名为market的锚记,即超链接将搜索的名字。

      2$ 给超链接设置页面中的跳转位置

        为了达到跳转的效果,超链接所在位置的href中应标记同名文件源,而且,必须带有“#”

       如:
      主题名称

      3)    电子邮件链接

        用户可从网页发送电子邮件,可在链接标签中插入mailto:邮箱地址

        如: 站长信箱

      6¥ 滚动标签

         使用标签不仅可以移动文字,还可以移动图片。

       如:
                            onmouseout=”this.start()”>
                  滚动的文字或图像
           


      说明:
        1。scrolldelay:表示滚动延迟时间,默认值为90毫秒
        2。direction:表示文字或图像的滚动方向,默认为从右向左
        3。滚动方向可以取4个值:
            up down left right
        4。
                  设置鼠标在滚动区域和移出滚动区域时的动作

             this.stop() 停止滚动
             this.start() 开始滚动
       

      你可能感兴趣的:(职场,HTML,开发,HTML&CSS)