好文档就是一把金锄头!
欢迎来到金锄头文库![会员中心]
电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

第2章++HTML标记语言.ppt

77页
  • 卖家[上传人]:飞***
  • 文档编号:6357065
  • 上传时间:2017-08-08
  • 文档格式:PPT
  • 文档大小:303.50KB
  • / 77 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 第2章 HTML标记语言,2.1 HTML基础2.2 HTML文档结构标记2.3 段落和文字标记2.4 列表标记2.5 建立超级链接2.6 插入图片2.7 表格2.8 框架2.9 表单2.10 其他HTML标记,2.1 HTML基础,Dreamweaver是和HTML语言一起使用的,利用Dreamweaver制作的网页要通过HTML标记显示;HTML不是一种编程语言,它是一种描述性的标记语言,使用标记符定义HTML文档的功能和信息;HTML文件的组成:标记、文字与图片资料、统一资源定位器URL;编写HTML文档的规则:HTML标记包含在<>中,以区别于在页面上显示的文本;大多数HTML标记都成对出现,只有极少数单独出现;HTML标记不区分大小写;HTML文档的扩展名HTM,或HTML;HTML文档是纯文本文档,可以使用任何文本编辑器编辑2.2 HTML文档结构标记,文档标记文件头标记文件标题标记文件主体标记注释标记,,文档标记,文档标记的格式 …… 说明: HTML标记用于表示一个页面的开始,应该是发送到各用户浏览器的第一个标志,应该是发送到用户浏览器的最后一个标记;,,文件头标记,HEAD标记的格式 ……说明: 1、HTML文档分为文件头和文件主体两部分。

      文件主体是在浏览器定位器中显示的内容;而文件头则是用来规定该文件的标题和文档的一些属性 2、HEAD标记是页面的第二层标记,用于包含页面的标题信息,如页面名称等,它在HTML文档中不是必须的 3、HEAD标记必须在BODY标记开始之前结束,标题信息部分作为独立的文档部分,不能包括在BODY标记之中文件标题标记,TITLE标记的格式: …… 说明: 在这对标记之间的文本内容作为页面的名称,且名称可以显示在多行上 该标记定义的标题不在浏览器中显示,而在浏览器的标题栏中显示 标题可以作为该页面的标志或文件名,使用搜索引擎时显示的结果也是页面的标题文件主体标记,BODY标记的格式: 页面内容 说明: 1、主体位于头部之后,BODY标记标志着页面内容的开始与结束,页面中的其他HTML标记都在这对标记之间;它定义了页面的主要内容与显示格式,是整个网页网页的核心 2、BODY标记有六个可选参数: BACKGROUND=“图像地址”:指定一幅图像作为页面背景; BGCOLOR=“颜色号”:指定页面的背景颜色; TEXT=“颜色号”:指定文本默认颜色; ALINK=“颜色号”:指定单击超链接时链接文字的颜色; LINK=“颜色号”:指定没有单击时超链接的颜色; VLINK=“颜色号”:指定已被单击过的超链接的颜色。

      3、常用颜色的属性,取值可用英文颜色名,也可用“#”引导的十六进制代码表示见颜色代码表),举例,,举 例, 这是主体之外的文本 个人网页

      页面背景为黄绿色

      文本颜色为蓝色

      ,,颜色代码表,,注释标记,注释标记的格式: 说明: 在此标记内的文本都不会在浏览器窗口中显示,但此标记中的程序代码可被执行;一般将客户端的程序段放在此标记中,可以达到隐藏的效果2.3 段落和文字标记,标题文字标记文本文字标记设置字型标记换行、换段标记分区显示标记添加水平线标记特殊符号标记,,标题文字标记,标题文字标记格式:

      文本内容

      文本内容

      文本内容

      ……
      文本内容
      说明: 1、标题是一段文字内容的核心,所以总用加强的效果显示; 2、该标记的功能是指定标记之间的标题文字的大小; 3、H系列标记有一个参数ALIGN,用于设置文本对齐方式,取值为CONTER、LEFT、RIGHT;使用标题标记设置标题内容的大小与对齐方式,,使用标题标记设置标题内容的大小与对齐方式, 用标题标记设置标题

      第1级标题

      第2级标题

      第3级标题

      第4级标题(居左)

      第5级标题(居中)
      第6级标题(居右)
      ,,文本文字标记,BASEFONT标记FONT标记,,BASEFONT标记,BASEFONT标记的格式: < BASEFONT FACE=“字体名称” COLOR=“字体颜色”>说明: 该标记指定页面使用的基本字体,除非有个别文本再指定字体,页面中所有文本字体都使用该标记指定的字体。

      FONT标记,FONT标记的格式: 被设置的文字说明: 1、FACE可指定字体名这里的字体名就是WORD中字体工具栏列出的字体名,如黑体、宋体、隶书等; 2、SIZE可指定字体的大小,数值范围1-7之间; 3、COLOR用于指定文本颜色字体标记应用举例,,字体标记应用举例, BASEFONT标记和FONT标记

      网页的基本字体为楷体,字体颜色为白色,字号为3

      此处字体为隶书,颜色为黄色,字号为5

      此处字体为华文彩云,颜色为黄绿色,字号为7

      ,,设置字型标记,BIG标记:该标记使用比当前页面使用的字体更大的字体。

      SMALL标记:该标记使用比当前页面使用的字体略小的字体EM标记:该标记将标记之间的字体加以强调,通常设置成钭体字STRONG标记:该标记功能同EMTT标记:该标记之间的字体设置成电传打字的效果B标记(粗体)、I标记(斜体)、U标记(下划线)、S(或STRIKE)标记(删除线)SUB标记(下标)、SUP标记(上标)设置字型标记应用举例,,设置字型标记应用举例, 字型设置标记的应用 黑体 斜体 带下划线 标准打印机字体 带删除线 下标 上标 大字体 小字体 ,,换行、换段标记,BR标记:用于添加一个换行符,它不用成对使用;格式为“文本
      ”。

      P标记:用来分隔文本中的各段,其格式为:

      文本内容

      CENTER:标记之间的文本居中显示;LEFT:标记之间的文本居左显示;RIGHT:标记之间的文本居右显示分区显示标记,分区显示标记DIV可以设置文本块或一段文本的对齐方式;其格式为:
      文本块或图片
      分区显示标记的应用,,分区显示标记的应用, 分区显示标记的应用

      分区显示标记的应用

      居中 center
      居中
      center
      居左 left
      居左
      left
      居右 right
      居右
      right
      ,,添加水平线标记,添加水平线标记HR的格式:
      说明: HR标记用于在页面上划出一条水平线。

      NOSHADE选项指定直线无阴影水平线标记的使用,,水平线标记的使用, 水平线标记的使用

      水平线标记的使用








      ,,特殊符号标记,特殊字符包括:小于号(lt或<)、大于号(Gt或>)、双引号(Quot或“)、空格(nbsp)特殊字符以“&”为引导符,以“;”作为结束符特殊字符应用 特殊字符应用

      学生之家

      新    闻          学习窗口

      健康信箱
      聊 天 室

      来信 ,。

      点击阅读更多内容
      关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
      手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
      ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.