Lecture 1 HTML基础.pptVIP

Lecture 1: HTML基础 什么是html语言 HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写，即超文本标记语言 HTML语言是一种标记语言，不需要编译，直接由浏览器执行 HTML文件是一个文本文件，包含了一些HTML元素，标签等。HTML文件必须使用html或htm为文件名后缀 Html语言大小写不敏感 HTML是由W3C的维护的 HTML语言语法 HTML语言的语法非常简单 模块化：一般是以tag property=‘value’开始，以/tag结束 或者是tag /，比如br / 基本例子 html标签 xml:lang -- 国际化属性 xmlns -- 代表xml命名空间 dir -- 定义元素(文字)的对齐方式 head标签 包含了当前文档的一些信息 base标签 href 基础url target 链接目标 Object标签 link标签 head link rel=stylesheet type=text/css title=blue href=“style/style.css / /head head link rel=alternate stylesheet type=text/css title=red href=“style/style.css / /head style标签 head style type=text/css abbr { font-size: 12px; } .text10pxwhite { font-size: 10px; color: #FFFFFF; } /style /head 一些有趣的东东 body br / -- 换行-- p align=‘left|right|center|justify’第一段/p p第二段: lt; 可以显示 小于号； gt; 可以显示 大于号。 /p h1strong标题1/strong/h1 h2em标题2/em/h2 h3font color=‘red’标题3/font/h3 h4a href=‘#six’标题4/a/h4 h5nbsp;nbsp;nbsp;nbsp;标题5（我的前面有几个空格）/h5 h6a name=‘#six’/a标题6/h6 hr width=80% height=2pt / a href=/ title=google img src=/intl/en_ALL/images/logo.gif / alt=‘Google Logo’ height=20 width=40 /abr / a href=“mailto: ricket.woo@”给我发邮件/a /body HTML列表 ul标签 ol标签 DT标签 HTML表格 html表单 html段落 p align=‘left|right|center|justify’ 中间可以插入 段落。 /p pre 可以保持原文中的 空格， 空行等等 /pre blockcode 中间可以插入各种代码 /blockcode Javascript Javascript作为一种脚本解释语言，能够大大的促进html网页开发，但不在我们本次课堂的讨论范围之内，感兴趣的同学可自行去看看这方面的参考资料。 * * html head titleMy first html example/title /head body h1Hello, world/h1 !--Welcome to our database basic lessons.-- p align=‘justify’ This is our first journey to the HTML world. By typing in all these words into a whole file, you can gain a first insight into the html syntaxes. This is important for our next a href=‘’PHP/a lesson./p /body /html html xmlns= xml:lang=zh-CN dir=ltr !-- main.htm-- frameset cols=20%, * frame src=link.htm frame src=/ name=“sjtu /frameset !--link.htm-- head base target=“sjtu /head a href=/Life Science/a a href=/Biochemistry/a a href=/Electrical E