HTML+CSS+JS 入门基础课件.ppt

目录 1.HTML/CSS/JavaScript先睹为快 2.HTML 3.CSS 4.JavaScript 1.1 HTML代码 html head title未使用css，JavaScript的html网页/title /head body h2未使用css，JavaScript的html网页/h2 hr p这是一个未使用css，JavaScript的html网页 /body /html 使用记事本即可编写HTML代码，扩展名是html或htm。 使用浏览器就可以查看其效果。 1.2 CSS代码 html head title使用了css的html网页/title style type=text/css h2{ font-size:50} p{font-size:20;font-style:italic} /style /head body h2使用了css的html网页/h2 hr p这是一个使用了css的html网页 /body /html 1.3 JavaScript代码 html head title使用了css和JavaScript的html网页/title style type=text/css h2{ font-size:50} p{font-size:20;font-style:italic} /style script type=text/JavaScript alert(这是JavaScript起的作用); /script /head body h2使用了css和JavaScript的html网页/h2 hr p这是一个使用了css和JavaScript的html网页 /body /html 1.4 HTML、CSS、JavaScript的角色 HTML：超文本标记语言。是网页设计的主要语言。无论网页是否包括动画、多媒体、图形等各种复杂的元素，其基本架构都是HTML. CSS：层叠样式表。是目前唯一的网页排版样式标准，弥补了HTML在网页格式化方面的不足，帮助用户对页面的布局加以更多的控制。 JavaScript用于开发Internet客户端应用程序，实现了一种实时、动态、交互的页面功能。它的出现使静态的HTML页面逐渐本客户端可做出响应的动态页面所取代。 可以在HTML语言中直接编写CSS和JavaScript代码，也可以独立编写。扩展名分别是.css和.js 2 HTML 1:HTML简介 2:基本标记 3:列表list 4:表格table 5:表单form 6:框架frame 7:层div 2.1.1 HTML概念 HTML Hyper Text Markup Language 超文本标识语言 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档 HTML文档：*.htm或*.html 文件名区分大小写 浏览HTML文件的工具:浏览器 例：Netscape Navigator ,Microsoft IE,Mazilla FireFox 2.1.2 HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式，要求用户必须掌握HTML 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等,容易产生废码 2.1.3 HTML 文档结构 2.1.3 HTML 文档结构 标记(签)是HTML语言的基本部分，比如html、head、body、hr、p。大多数标记总是成对出现，每一对标记一般都有一个开始的标记并且结束的标记总是在开始的标记前加一个斜杠。 属性：HTML标记有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。 p align=right color=red my first homepage/p hr size=7 align=center width=75% color=red 注意： 标记不区分大小写。例htmlHTML都可以 标记中不要有空格，否则浏览器无法识别。例 title错误 任何空格和回车在代码中无效。插入空格和回车分别用br 和nbsp; 属性的值可以用双引号引起来，也可以不引，最好引起来 各属性之间无先后次序，属性也可省略（即取默认值） 2.1.3 HTML 文档结构-head(title) head标记出现在文档的开头部分。 head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 1:title title标记定义HTML文档的标题。