第7节 HTML语言基础.pptVIP

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.2.12 文字样式控制 2.字符样式 字符样式标记符，通常有物理和逻辑两类字体样式标记符。所谓物理字符样式，是指标签本身就说明了所修饰文字的效果，如b是单词bold（粗体）的首字母，则b标记符表示粗体。所谓逻辑字符样式，是指标记符本身仅表示了所修饰效果的逻辑含义，如address标记符本身的逻辑意义为“地址”，但并没有说明具体的效果。 常用物理字符样式： b/b：粗体。 i/i：斜体。 u/u:下划线。 big/big：大字体。 small/small：小字体。 strike/strike：删除线。 s/s：删除线。 sub/sub：下标。 sup/sup：上标。 tt/tt：固定宽度字体。 常用逻辑字符样式： address/address：表示一个地址，通常显示为斜体。 cite/cite：表示文本属于引用，通常显示为斜体。 code/code：表示程序代码，通常显示为固定宽度字体。 dfn/dfn：表示定义了的术语，通常显示为黑体或斜体。 em/em：强调某些词，通常显示为斜体。 kbd/kbd：表示用户的键盘输入，通常显示为固定宽度字体。 samp/samp：表示文本样本，通常显示为固定宽度字体。 strong/strong：特别强调某些字词，通常显示为粗体。 var/var：表示变量，通常显示为斜体。 2.2.12 文字样式控制 例：fontstyle.html pS标签示例：s请删除该行文字/s/p pSUP标签示例：xsub1/sub＝ysup2/sup+zsup2/sup/p pCITE标签示例：cite江苏技术师范学院/cite/p 2.3.1 表 单（form） 一个交互性网页允许用户通过文本框、单选按钮、复选按钮、下拉列表、按钮等元素进行数据的提交，这些网页控件统称为表单元素，表单是一个包含表单元素的区域，使用标签form/form表示，一个网页中可以包含多个表单。 例：form.html body form id=″form1″ action=″/s?″ method=″get″ target=″_blank″ input name=″wd″ type=″text″ /input name=″″ type=″submit″ value=″搜索″ / /form /body 2.3.2 表单文本框 1.单行文本 通过input标签并将类型指明为 type=″text″，可以生成一个单行文本的表单元素，并可以通过value、size和maxlength等属性指定初始值、宽度和最多允许输入字符数等。 2.多行文本 textarea/textarea可以生成一个多行的表单元素，