Web开发实用教程 第二篇.ppt

Web开发实用教程 第2章 HTML语言基础 本章概述 HTML是Hyper Text Markup Language(超文本标记语言)的简称，是W3C确定的用于描述网页内容的一种纯文本语言。早期的HTML是基于内容与表现样式对网页元素进行处理的。近年来，随着CSS与JavaScript、与HTML语言的结合日益成熟，基本形成了HTML表示内容、CSS样式控制、JavaScript进行动态处理的格局，HTML、CSS和JavaScript构成网页设计的三个支柱。 本章将介绍HTML基本的文档结构与语法特点，介绍常用的HTML标签及其功能，帮助读者了解网页设计与制作中常用HTML元素的使用方法。 第2章 HTML语言基础 学习目标 1.掌握HTML文档的基本结构及HTML语法规则； 2.熟悉常用HTML标签及功能； 3.理解各种媒体元素在网页中的实现方法，能熟练使用HTML标签制作特定功能的网页。 2.1 HTML概述 2.1 HTML概述 2.1 HTML概述 2.1 HTML概述 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.2 常用HTML标签 2.3 表单及表单元素 2.3 表单及表单元素 2.3 表单及表单元素 2.3 表单及表单元素 2.3 表单及表单元素 2.3 表单及表单元素 2.3.3 单选按钮、复选按钮、下拉列表 例：formselect.html 单选按钮：input name=″sex″ type=″radio″ value=″男″ checked=″checked″ /男input name=″sex″ type=″radio″ value=″女″ /女br/ 复选按钮：input name=″interest″ type=″checkbox″ value=″读书″ checked=″true″/读书input name=″interest″ type = ″checkbox″ value=″运动″/运动br/ 下拉列表： select name=″″ option value=″1″读书/option option value=″2″运动/option option value=″3″购物/option /selectbr/ 大连理工大学出版社 第2章 HTML语言基础 2.1.1 HTML文档基本结构 头部：由标签head/head组成，head标签内还可以嵌套其他头部标签，如网页标题title/title，样式表引入style/style等。 正文：由标签body/body组成，body标签中又可以嵌套其他页面标签，如表格table/table、段落p/p、层div/div。 2.1.1 HTML文档基本结构 例：first.html html head title这是网页标题/title /head body bgcolor=″yellow″ p哈哈，我的strong第一个/strong页面产生了!/p /body /html 2.1.2 HTML语法规则与编辑工具 １．HTML标签由成对的尖括号“”、标签名及属性组成。 标签名 属性=″″…/标签名，第一个尖括号表示HTML标签的开始，后面的尖括号表示标签的结束。如果有多个属性，中间用空格隔开，如： div id=″mydiv″ class=″divclass″这是一个层/div 2．标签可以嵌套使用，但不能交错嵌套。 例如，下面一段HTML标签的嵌套是合法的。 div span这是一个范围/span p这是一个段落，span这是一个范围/span，段落中有个范围。/p /div 以下的嵌套是不合法的，div和p标签、p和span标签都是交错嵌套，这在HTML语法中是不允许的。 div p这是一个段落，span这是一个范围，段落中有个范围。/span