• 1. 超文本标记语言HTML(HyperText Markup Language)
  • 2. HTML基本语法一、标记语法 1.什么是标记语法 HTML是用于描述功能的符号称为"标记"。比如、、等,都是标记,标记表示HTML文档的开始。标记在使用时必须用尖括号"<>"括起来。 2.单标记 之所以称为“单标记”,是因为它只需单独使用就能完整地表达意思,这类标记语法是 <标记名称> 最常用的单标记
    ,它表示换行。 3.双标记 "双标记"由"始标记"和"尾标记"两部分构成,必须成对使用。 始标记告诉WEB浏览器从此处开始执行该标记所表示的功能,尾标记告诉WEB浏览器在这里结束该功能。始标记前加一个正斜杠(/)即为尾标记。 <标记>内容 其中"内容"部分就是要被这对标记施加作用的部分。
  • 3. HTML基本语法二、属性语法 1.什么是属性 这里的属性指的是标记的属性 2.属性语法 <标记名字 属性1 属性2 属性3 .....>
    三、HTML文件的命名 应注意以下几点: 1.文件的扩展名要以.htm或.html结束 2.文件名中只可由英文字母、数字或下划线组成 3.文件名中不要包含特殊字符,比如空格、$ 4.网站首页文件名默认是index.htm或index.html
  • 4. HTML基本语法四、编写HTML文件的注意事项 1.所有标记都要有尖括号括起来,这样,浏览器就可以知道尖括号内的标记语言是HTML命令 2.对于成对出来的标记,最好同时输入起始标记或结束标记,以免忘记 3.采用标记嵌套的方式可以为同一个信息应用多个标记,如下 同一信息 4.在代码中,不区分大小写 5.任何空格或回车在代码中都无效 6.标记中不要有空格,否则浏览器可能无法识别
  • 5. HTML 文件的整体结构一、文件头部内容 一个完整的HTML文件包括头部文件和主体文件,头部标记是成对的 主体标记是成对的 1、设置页面标题 HTML文件标题在浏览器的标题栏中显示。每个HTML文件都有一个标题,用于说明文档的属性。在HTML文件中,页面标题标记<title>位于头部标记之间 基本语法 请在此输入标题名
  • 6. HTML 文件的整体结构语法说明 在网页中设置网页的标题,只要在HTML文件的头部文件的中输入标题信息就可以在浏览器上显示 实例代码: 我的标题名-网站设计与开发 请看标题栏!
  • 7. HTML 文件的整体结构
  • 8. HTML 文件的整体结构2、设置基底网址 基底网址用于设定浏览器中文件的路径,标识一般用于设计文件的URL地址。一个HTML文件只能有一个标识,同时该标记必须放于头部文件中。 基本语法 语法说明 href用于设置网页文件链接的地址,target用于设置页面显示的目标窗口
  • 9. HTML 文件的整体结构实例代码: 2009年10月16日,东北大学秦皇岛分校
  • 10. HTML 文件的整体结构
  • 11. HTML 文件的整体结构
  • 12. HTML 文件的整体结构3、定义元信息 在HTML文件中,标记通过一些属性来定义文件的信息,比如文件的关键字、作者信息、网页过期时间等。HTML文件的头部文件可以有多个标记,不是成对标记 基本语法 语法说明 标记中的http-equiv属性用于设置一个http的标题域,但确定值由content属性决定,name属性用于设置元信息出现形式,conent属性用于设置元信息出现的内容
  • 13. HTML 文件的整体结构4、设置页面关键字-keywords 基本语法 语法说明 keywords用于说明定义的是关键字,value 用于说明为该页定义的关键字,可以是多个关键字。
  • 14. HTML 文件的整体结构实例代码: 设置文件关键字 … …
  • 15. HTML 文件的整体结构二、主体内容 在HTML文件中,主体内容被包含在成对的标记之间,同时标记也有很多本身的属性,例如设置页面背景、设置页面边距等。
  • 16. HTML 文件的整体结构1.设置页面背景bgcolor 基本语法 语法说明 利用标记中的bgcolor属性,可以设置网页的背景颜色
  • 17. HTML 文件的整体结构 设置页面背景
  • 18. HTML 文件的整体结构
  • 19. HTML 文件的整体结构2.设置网页边距-topmargin、leftmargin、rightmargin、bottommargin 在HTML文件中,可以设置页面边距,通过设置页面边距属性的属性值来设置页面显示内容与浏览器的距离,使显示的内容更加美观。 语法说明 设置到顶端的距离 设置到左边的距离 设置到右边的距离 设置到底边的距离
  • 20. HTML 文件的整体结构实例代码: 设置页面边距 财政部有关负责人说,所谓"首购",是指对于国内企业或科研机构生产或开发的,暂不具有市场竞争力,但符合国民经济发展要求、代表先进技术发展方向的首次投向市场的产品,通过政府采购方式由采购人或政府首先采购的行为。
  • 21. HTML 文件的整体结构
  • 22. HTML 文件的整体结构3.设计正文颜色text 在HTML文件中,设置页面的背景颜色以后,网页中可能有部分文字的颜色需要改变才能显示,利用text属性可以给页面中无连接的文字设置颜色 基本语法 语法说明 在标记中,利用text属性设置文档的颜色时,还可以进行其他的设置,例如:背景、字体等。
  • 23. HTML 文件的整体结构实例代码: 设置正文颜色 财政部有关负责人说,所谓"首购",是指对于国内企业或科研机构生产或开发的,暂不具有市场竞争力,但符合国民经济发展要求、代表先进技术发展方向的首次投向市场的产品,通过政府采购方式由采购人或政府首先采购的行为。
  • 24. HTML 文件的整体结构
  • 25. 段落编辑一、段落 1.回车
    2.分段控制标签

    基本语法

    段落文字

    ,

    可以省略 参数值:right,left(默认),center
  • 26. 段落编辑3.居中显示文字
    基本语法:
    文字内容
    4.预格式
    基本语法:
    文字内容
    5.插入并设置水平线
    基本语法:
    Aling:水平摆放位置,可选right,left,center(默认) Size:水平线的粗细,以像素为单位 Width:水平线的长度,以像素或百分比为单位 Color:水平线的颜色 noshade:设定水平线是否显示3D阴影
  • 27. 段落编辑实例代码: 预格式化
                 登鹳鹊楼
        白日依山尽,
        黄河入海流。
        欲穷千里目,
        更上一层楼。
      
  • 28. 段落编辑
  • 29. 段落编辑实例代码: 设置水平线
    添加水平线后的效果

    财政部有关负责人说,所谓"首购",是指对于国内企业或科研机构生产或开发的,暂不具有市场竞争力,但符合国民经济发展要求、代表先进技术发展方向的首次投向市场的产品,通过政府采购方式由采购人或政府首先采购的行为。
    版权©:清华大学出版社
  • 30. 段落编辑
  • 31. 段落编辑6.插入特殊符号 基本语法 & & © © ™ &trade ® ® ¥ ¥ § §
  • 32. 段落编辑实例代码 插入特殊符号 下面这段文字是插入版权符号后显示的效果:
    版权所有©:清华大学出版社
  • 33. 段落编辑
  • 34. 文字编辑一、编辑内容 1.添加文字 基本语法 请在此处添加文字 语法说明 在网页中添加文字,只要在之间,需要插入文字的地方输入文字就可以实现。
  • 35. 文字编辑2 添加注释 在HTML文件中,为了增加代码的可读性,需要对代码添加必要的注释。这些注释语句可方便编写者的检查与维护,同时这些注释信息也不会在网页中被显示。 基本语法