Web程序设计HTML语言基础.docxVIP

? ? web程序设计-HTML语言基础-03 ? ? HTML的标记指定了内容是如何在浏览器显示窗口进行分布的，大部分标记包括开始标记和结束标记。HTML文档包括两个部分：文档头和文档主体。文档头描述了一些有关文档的信息，但是没有包含文档中的内容；文档主体包含了文档内容和标记及其属性，用于描述内容和布局。表单是文档的一部分，这部分包含了一些控件，用于收集用户输入的信息，最常用的控件都是通过input、 select、textarea标签指定的，用户可以使用提交按钮将表单数据发送到服务器中进行处理。 1. HTML文档的基本结构与语法 HTML是Hypertext Markup Language的缩写，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。自1990年以来，HTML一直被用作Web文档描述语言。 使用HTML语言描述的文件，需要通过Web浏览器显示出效果。 基本结构： html headtitle一个简单的HTML文件示例/title/head body h2 align=center一个简单的HTML文件示例/h2 /body /html 2.HTML标记及其属性 HTML标记 HTML文档由标记和被标记的内容组成。其格式为： 标记受标记影响的内容/标记 有些HTML元素不包含具体内容，为空元素。空元素 以起始标签的结束而结束，例如br。 HTML元素分为行内元素和块元素。行内元素一般是 基于语义级的基本元素，只能收纳文本和其他行内元 素，例如a、em、font、input等；而块元 素总是在新行上开始的，它可以收纳其他块元素和行 内元素，例如div、h1、p、table等。 大部分HTML元素可以嵌套使用，HTML文档由嵌套的 HTML元素构成。 大部分HTML元素可拥有若干属性。 HTML标记属性 HTML标记可以拥有属性。 属性提供了有关HTML元素的更多的信息。 属性总是以名称/值对的形式出现，比如name=“value”。 属性总是在HTML元素的开始标记中规定。HTML文档中有近百种不同的元素，虽然具有各不相同的语法和语义，但它们一般都具有一些共同的属性，包括：●核心属性（id，class，style，title）●i18n属性（lang，dir）●事件属性（onclick，onmousedown等） ◆ 属性示例1：html链接由a标签定义。链接的地址在href属性中指定： a href=百度/a。 ◆ 属性示例2：h1定义标题的开始。h1 align=center拥有关于对 齐方式的附加信息。 ◆ 属性示例3：body定义HTML文档的主体。body bgcolor=yellow拥有关于背景颜色的附加信息。 ◆ 属性示例4：table定义html表格。table border=1拥有关于表 格边框的附加信息。 ◆ 属性示例5：id属性，id在HTML中的作用是给一个单元（元素，标签） 一个独一无二的标识或标记，让浏览器在分析处理网页时找到id所在的 地方。 ◆ 属性示例6：class属性，与id功能相似，class属性规定元素的类名， 大多用于指向样式表中的类，用$来识别，多用于css和JavaScript中， 便于直接找到某一类属性。 3.段落标记 ◆注释标记!--.......-- ◆强制换行和不换行标记br、nobr....../nobr；不 换行标记可令文字不能因太长使浏览器无法显示而换行， 其格式为：nobr文字/nobr ◆p 标记定义段落使得两段之间多一空行。其格式为p align=”left|center|right”文字/p ◆水平线标记hr ◆div和span标记：它们是一个区块容器标志，可以容纳 段落、标题、表格乃至章节等各种HTML元素。 div与span的区别 4.文字标记 标题文字标记h#…/h# 字体标记font.../font font 规定文本的字体、字体尺寸、字体颜色。 其格式为： font size=”数字” face=”字体名” color=”颜色值” 被设置的文字/font 当文字为汉字时，格式中的字体名可以为：宋体、幼 圆、隶书、楷体_GB2312、黑体、仿宋等等。 字型标记：字型就是文字的风格，如加粗、斜体、带下划线等等。 设置文字颜色设置文字颜色有两种方法:◆采用body标记中的text属性；◆font标记中的color属性。当两种标记同时设置了文字的颜色时，font标记中设置的颜色优先 5.表格标记 表格是由行与列构成的矩阵，行与列的每个交叉部分称为单元格，某些单元格包含了行或者列的标记，绝大部分单元格包含