Web开发实用教程 第二章.pptVIP

大连理工大学出版社 Web开发实用教程 第2章 HTML语言基础 第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.1 HTML文档基本结构 头部：由标签head/head组成，head标签内还可以嵌套其他头部标签，如网页标题title/title，样式表引入style/style等。 正文：由标签body/body组成，body标签中又可以嵌套其他页面标签，如表格table/table、段落p/p、层div/div。 2.1 HTML概述 2.1.1 HTML文档基本结构 例：first.html html head title这是网页标题/title /head body bgcolor=″yellow″ p哈哈，我的strong第一个/strong页面产生了!/p /body /html 2.1 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 /div /p 大部分标签是成对出现的，少量标签可以单独出现，如hr/、br/、img/ 2.1 HTML概述 2.1.2 HTML语法规则与编辑工具 3.HTML不严格区分大小写，但W3C(World Wide Web Consortium,万维网联盟)的Web标准中大小写意义不同，建议小写。 2.2 常用HTML标签 2.2.1 标签（hn） 标题标签有6个级别，分别从h1到h6标签，默认显示字号逐步减小。 例：headings.html h1第1级标题/h1 h2第2级标题/h2 h3第3级标题/h3 h4第4级标题/h4 h5第5级标题/h5 h6第6级标题/h6 2.2 常用HTML标签 2.2.2 段落（p） 使用p标签可以将文本以段落的方式显示。可使用p标签的一个常用属性align来设置文本对齐方式，该属性共有left、right、center、justify四个值，分别表示左对齐、右对齐、居中对齐、两端对齐。 浣溪沙 晏殊 一曲新词酒一杯，去年天气旧池台， 夕阳西下几时回？无可奈何花落去， 似曾相识燕归来，小园香径独徘徊。 h3 align=″center″浣溪沙/h3 h5 align=″center″晏殊/h5 p align=″center″一曲新词酒一杯，/p p align=″center″去年天气旧池台，/p p align=″center″夕阳西下几时回？/p p align=″center″无可奈何花落去，/p p align=″center″似曾相识燕归来，/p p align=″center″小园香径独徘徊。/p 2.2 常用HTML标签 2.2.3 换行（br） br/标签在文档中强制换行，它只有开始标记符。 2.2.4 水平线（hr） hr