《Internet应用基础》第14章 HTML基础

第14章HTML基础 Internet网页的基础是HTML语言(超文本标 记语言),这是一种标记控制语言。 网页浏览器(如旧等)可解析HTML语言

第14章 HTML基础 Internet网页的基础是HTML语言（超文本标 记语言），这是一种标记控制语言。 网页浏览器（如IE等）可解析HTML语言

本章主要内容 ■HTML文件编辑器 HTML文件结构 ■字模与格式控制命令 表格 ■链接 图片 ■页面分帧 ■ Javascript

本章主要内容 ◼ HTML文件编辑器 ◼ HTML文件结构 ◼ 字模与格式控制命令 ◼ 表格 ◼ 链接 ◼ 图片 ◼ 页面分帧 ◼ JavaScript

HTML为英文 Hyper Text Markup Language(超 文本标记语言)的缩写,属于标记控制语言 所谓标记控制语言,即在源文件中插入排版控制 标记(命令),通过专门的解析器解析后才能显 示和打印排版后的效果。 所谓超文本,指除了文本内容外,还可以表现图 形、图像、音频、视频、链接等非文本要素 ■HTML语言的解析器主要为网页浏览器

◼ HTML为英文Hyper Text Markup Language（超 文本标记语言）的缩写，属于标记控制语言。 ◼ 所谓标记控制语言，即在源文件中插入排版控制 标记（命令），通过专门的解析器解析后才能显 示和打印排版后的效果。 ◼ 所谓超文本，指除了文本内容外，还可以表现图 形、图像、音频、视频、链接等非文本要素。 ◼ HTML语言的解析器主要为网页浏览器

网页及其HTML源代码 新浪首页- Microsoft Internet Expl 看0”·品品晶地址①小翻 免受部登录天 际谷斗[搜案金员注里 首页|新闻|娱乐|游戏|女性|旅游|文化邮箱|北京1同学录短 科技|汽车|培训|留学|英语丨贺卡|动漫 搜索引擎 任你邮商易60箱免费试用财经1房产|数育|出图|星座|天气|论坛|聊天|扬州|网之恋 各地抗丰全业黄页 北京经济学院招生万科西山应院r在家办公网上人大学历招生200)出国留宇热讯 中国信息大学专本招生 中关村科贸中心 巨星梁朝伟代言猫手机 国内读英国文凭 200女速成计想 na.com[1]-记事本 足不出户,润市场商机 文件[)辑巨格式帮动 内衣让走光更天丽 A你距离按触 hidden><select nane-55

网页及其HTML源代码

14.1HTML文件编辑器 ■文本格式编辑器 Windows的记事本( Notepad) FrontPage的HTML源码编辑方式 ■ UltraEdit软件(特别推荐)

14.1 HTML文件编辑器 ◼ 文本格式编辑器: ◼ Windows的记事本（Notepad） ◼ FrontPage的HTML源码编辑方式 ◼ UltraEdit软件（特别推荐）

1.记事本 www.slna.com m1]一记事才 文件(编辑巨格式(Q)帮助 !--XAD ENDX--> colore(td_height=14align-center> ion="method-post> select name- minum同名邮箱

1. 记事本

2 FrontPage的HTML模式 slIicrosoft FrontPage- C: \Documents and Settings\dadong..0x 文件)编辑)视图)插入〔)格式)工具①)表格)框架)窗口)帮助 ·,间,學旦静电自,,回中文简繁转换 BI目A 视图 sina.coD.cn.五tm 网页 I--XAD STARTX KtrXtd width=155 height=62 rowspan=3 valign=bottom> Ktable width=155 bor der=0 cellpaddi Kimgsrc=http://image2.sinacomcn/home/imagessina_logo2.gifwidth=118h tetr> 报表 Ktrxtdheight=14align=centerXahref=http://vip.sinacom/solmail/promo 是 Form name=login action="method=post> 导航 ontc1ax=#E代号 nput type=text,组,e=81as01)密码f 普通回址M预览 行149,列1 三传输方式:28.8,时间:99秒

2. FrontPage的HTML模式

3. Ultraedit oUltraEdit-32-[C: \ Documents and Settings\dadong\ly Documents\si..0X le Edit Search Project View Format Column Macro Advanced window Help G回舀吕WH启的剀阳。邙日會岭? sina. com.cn. htm t6 I Body bgcolor=#ffffff topmargin=5 marginheight=5 leftmargin=5 marginwi dth=5 onload XAD STARTX Ktable width=760 border=0 cellspacing=0 cellpadding=oXtrXtd align=center>/td>/ !一 XAD ENDX- Ktable width=760 border=0 cellspacing=0 cellpadding=0> Ktr>td width=155 height=62 rowspan=3 valign=bottom) Ktable width=155 border=o cellpadding=0 cellspacing=0> KtrXtd height=48 align=center> Kimgsrc=http://image2.sinacomcn/home/images/sina_logo2.gifwidth=118he /tr> ahref-http://vip.sinacom/solmail/promo /td> Ktable width=605 border=0 cellspacing=0 cellpadding=0 bgcolor=#5d5d5d> Form name=login action= method=post> Form name=login act method=post> < font color=#fff代号< Input type= text name= u sIze=8clas=s01〉密码 For Help, press F Ln 176, Col. 1, CW Mod:200553:52:08 File Size:120893N5

3. UltraEdit

142HTML文件结构 对整体进行 HTML文件头 设置的参数、 命令及注释 htm> 页面中表现的内容

14.2 HTML文件结构 HTML文件头 HTML文件体 ◼对整体进行 设置的参数、 命令及注释 页面中表现的内容

■HTML文件中的标记命令均以“<>”括住,大部分 命令是成对出现的开关命令 起始命令为“”,而结束命令则为“</命令 HTML文件中的标记命令对大小写不敏感

◼ HTML文件中的标记命令均以“<>”括住，大部分 命令是成对出现的开关命令。 ◼ 起始命令为“”，而结束命令则为“”。 ◼ HTML文件中的标记命令对大小写不敏感