HTML语言..ppt

HTML语言 HTML语言 HTML HEAD TITLE这是标题部分。/TITLE /HEAD BODY P你好，这是正文部分！/P /BODY /HTML HTML语言 三 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。 为了减少网页设计师的工作，使设计网页更加的方便，很多公司设计了专用的网页编辑器，像Dreamweaver，FrontPage，CutePage，QuickSite等，是专门用来制作网页的，利用它们可以很容易的编写出精美的网页，具有所见即所得的功能。 所谓所见即所得，就是在编辑网页时看到的效果，与使用浏览器时显示的效果基本一致。 HTML语言 四 文档的格式与风格 设置BODY的属性 HTML语言 段落格式化 1．标题标记 格式：H1…/H1，H2…/H2…H6…/H6 功能：设置各种大小不同标题的标记。 2．段落标记 格式：P…/P 功能：设置段落标记。 3．预定义格式标记 格式：PRE…/PRE HTML语言 4．分区显示标记 格式：DIV…/DIV 功能：分区显示标记。 5．换行标记 格式：BR 功能：强制换行。 6．水平线标记 格式：HR 功能：插入水平线标记。 HTML语言 建立列表 1．有序列表 格式：OL type=符号类型 LI type=符号类型…/LI LI type=符号类型…/LI … /OL type属性：数字（1，2，…）、大写英文字母（A，B，…）、小写英文字母（a，b，…）、大写罗马字母（I，II，…）和小写罗马字母（i，ii，…），默认的序号是数字。 HTML语言 2．无序列表 格式：UL type=符号类型 LI type=符号类型…/LI LI type=符号类型…/LI … /UL type属性：可以为disc（实心圆点）、circle（空心圆点）、square（方块）和自定义图片，默认为实心圆点。 HTML语言 3．自定义列表 格式：DL DT…/DT DD…/DD DT…/DT DD…/DD … /DL DL定义列表；DT定义列表项，项目会自动换行并左对齐，但项目间没有空行；DD用来定义语句。 HTML语言 字符的格式化 1．字体设置标记 格式：FONT…/FONT 功能：设置字体格式标记。 HTML语言 2．其他标记 HTML语言 插入图像 格式：IMG…/IMG HTML语言 超级链接 格式：A…/A HTML语言 建立表格(页面布局) 格式：TABLE…/TABLE HTML语言 定制表格 格式：TR…/TR。功能：定义表格的一行。 格式：TD…/TD。功能：定义单元格。 HTML语言 制作表单 表单是用户和Web应用程序、Web数据库等进行交互的界面。在Web上，通过表单可以完成用户和计算机或服务器之间进行的信息交换。 表单的结构 格式： FORM action= URL method=postmethod onsubmit= script target=frametarget accept-charset=cdata enctype=contenttype … /FORM 功能：定义表单。 HTML语言 FORM中常用的标记 1．输入域 （1）单行输入域。格式：INPUT。 1）text类型。 2）password类型。 3）radio类型。 4）checkbox类型。 5）submit类型。 6）reset类型。 7）hidden类型。 HTML语言 (2)多行输入域。 格式为：TEXTAREA…TEXTAREA 功 能：定义多行文本输入域。 2．按钮 格式：BUTTON…/BOTTON 功能：定义按钮。 HTML语言 3．选择域 格式： SELECT OPTION选项一 OPTION选项二 … /SELECT 功能：定义选择栏。 HTML语言 框架结构的文件格式 HTML HEAD … /HEAD FRAMESET FRAME … FRAME … /FRAMESET /HTML * 一、HTML语言简介 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，最早源于SGML语言。 HTML用来表示网上信息的符