HTML基础教学1.pptVIP

第一讲HTML 主要内容 Html简介 Html的元素 文档标记 排版及列表标记 字体标记 文本格式 转义字符 超级链接 图像标记 网页的分类 网页 静态 动态 HTML HTML 程序语言 ASP JSP PHP CGI WWW的含义 W: World W: Wide W: Web www Mosaic Netscape IE Mosaic Netscape IE Mosaic Netscape IE HTML的简介 HTML 是 Hyper Text Markup Language 的第一个大写字母的组合，中文意思为超文本标记语言. 一个HTML文件是一个包含有HTML标记的文本文件 HTML标记告诉Web浏览器如何显示网页 一个HTML文件必须是一个htm或html扩展名的文件 一个HTML文件可以用记事本编辑也可以用其他编辑软件，如edit plus等 HTML 元素 html head title这是我的第一个网页/title /head body 这是我的第一个网页 b你好！/b /body /html HTML元素格式 HTML语言概述 元素名 [属性1＝“属性值1” 属性2＝“属性值2” …… 属性n＝”属性值n” ]元素内容 /元素名 单标记/双标记 大小写不敏感 文档标记 1、html/html表示网页的开始与结束 2、head/head设置网页的头部 3、title/title设置网页的标题 4、body/body设置网页的主体部分 设置BODY的属性 标记属性 功能 background=URL 设置网页的背景图片 bgcolor=colorvalue 设置网页的背景颜色 topmargin=size 设置网页上方的空白 leftmargin=size 设置网页左边的空白 alink=colorvalue 正在点击的链接文字的色彩 bgproperties =fixed 设置背景是否随滚动条滚动 text=colorvalue 设置文本的颜色 link=colorvalue 链接文本的色彩 vlink=colorvalue 已经访问过的链接的文字色彩 文档的格式与风格 1．标题标记 格式：H1…/H1，H2…/H2…H6…/H6 功能：设置各种大小不同标题的标记。 2．段落标记 格式：P…/P 功能：分段标记，行间会有空格 属性align=# #为left,right,center 3．预定义格式标记 格式：PRE…/PRE 功能：对文本进行格式化处理 文档的格式与风格 4．分区显示标记 格式：DIV…/DIV 功能：分区显示标记。 5．换行标记 格式：BR 功能：强制换行。 6．禁止换行标记 格式:NOBR/NOBR 功能：禁止换行 7．水平线标记 格式：HR 功能：插入水平线标记。 8.注释标记 格式：!--注释内容-- 功能：注释标记。 文档的格式与风格 建立列表 1．有序列表 格式：OL type=“符号类型” start=“初值 LI type=符号类型…/LI LI type=符号类型…/LI … /OL type属性：数字（1，2，…）、大写英文字母（A，B，…）、小写英文字母（a，b，…）、大写罗马字母（I，II，…）和小写罗马字母（i，ii，…），默认的序号是数字。 文档的格式与风格 建立列表 2．无序列表 格式：UL type=符号类型 LI type=符号类型…/LI LI type=符号类型…/LI … /UL type属性：可以为disc（实心圆点）、circle（空心圆点）、square（方块），默认为实心圆点。 文档的格式与风格 建立列表 3．自定义列表 格式：DL DT…/DT DD…/DD DT…/DT DD…/DD … /DL DL定义列表；DT定义列表项，项目会自动换行并左对齐，但项目间没有空行；DD用来定义语句。 文档的格式与风格 字符的格式化 1．字体设置标记 格式：FONT …/FONT 功能：设置字体格式标记。 标记属性 功能 size=size 设置文字的大小 face=fontstyle 设置字体 color=colorvalue 设置文字的颜色 文档的格式与风格 字符的格式化 2．常用控制字体标记 其他标记格式 功能 U…/U 给字符加下划线 S…/S 给字符上加横线，表示删除 B…/B 给字