《html标记语言》PPT课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一些html标记符
➢ 11〕段落标记 ＜P＞……＜/P＞
➢
转行标记 ＜BR＞……＜/BR＞
➢ 12〕连接标记
➢ <a href="?">连接文字</a><"?"是连接地 址>
➢ 13〕滚动字幕
➢ <marquee>需要滚动的字幕</marquee>
➢
看懂简单网页
<html> <head>
<title>这是测试文件</title> </head> <body>
网页制作与网站设计
HTML标记语言
➢ 1、HTML基本知识 ➢ 2、HTML文件基础 ➢ 3、使用HTML语言编写简单页面
贯穿始终
HTML语言基本知识
➢ HTML <HperText Markup Language >—— 是一种描述性语言.
➢ 两类： 1.对称标记,格式是：<标记>内容<标记> 2.单独标记,格式是：＜标记＞
<h2 align= center>这是我制作的第一章网页</h2> <img src=banner.gif> <h3 align=left><font color=#ff0080>看来还有好多东东要学哦！ </font></h3> <p><a href="index.html"><h3 align=right>返回主页</h3></p> </body> <html>
</html>
一些html标记符
➢ 1〕HTML标记——表明该文件时HTML 文件.＜html＞ ＜/html＞
➢ 2〕"文件头"标记 ➢ ＜head＞ ＜/head＞ ➢ 3> "网页标题"标记 ➢ ＜title＞ ＜/title＞ ➢ 4〕"文件体"标记
➢ <body> </body>
一些html标记符
＞ ➢ 8〕插入图片 ➢ ＜img scr=# weight=" " height=" " ＞ ➢ 9> 背景颜色 ➢ ＜body bgcolor=# ＞
一些html标记符
➢ 10> 表格 ➢ ＜table＞ ➢ ＜tr＞ ➢ ＜td＞…单元格内容…＜/td＞ ➢ ＜/tr＞ ➢ ＜tr＞ ➢ ＜td＞…单元格内容…＜/td＞ ➢ ＜/tr＞ ➢ ＜/table＞
练习
1.不属于视频格式的有〔 〕 Ａ.WAV B.RM C.AVI D.WMV 2.世界上第一个web浏览器是〔 〕 Ａ.IE B.navagator C.mosaic D.Internet 3.属于网页制作平台的是〔 〕 A.Photoshop B.flash C.dreamweaver D.cuteFTP
➢ 5>"标题"标记
➢ 1~6级标题
＜h1＞ ＜h2＞ ＜h3＞ ＜h4＞ ＜h5＞ ＜h6＞ ＜h7＞
＜/h1＞ ＜/h2＞ ＜/h3＞ ＜/h4＞ ＜/h5＞ ＜/h6＞ ＜/h7＞
一些html标记符
➢ 6> 字体颜色,字体大小 ➢ ＜font color=# size=" "＞ ＜/font＞ ➢ 7> 对齐 ➢ ＜body align=left/center/right＞…内容…＜/body
基本原理——色光三原色
R
#FF0000
G
#00FF00
B
#0000FF
#000000
#FFFFFF
练习4.在网页的源代码源自表示段落标记是 〔〕Ａ.<head></head> B. <p></p> C. <body></body> D. <table></table>
书面作业
➢ 1、写出10种常用的HTML标记及属性 ➢ 2、写出以下属性的含义：background、
bgcolor、text、link、leftmargin ➢ 3、写出滚动字幕的代码.
➢ 扩展名： .htm/.html
html 语言的标记符
<html>
表示这是一个HTML文件
<head>
表示"文件头"标记
<title>这是一个简单的HTML文件</title> </head>
表示"文件 标题"标记
<body>
表示"文件体"标记
这个HTML文件时使用记事本来编辑的.
</body>
➢ 例1 ➢ 例2
课堂练习
练习
➢ 首页的名称一般定义为_____和_____. ➢ HTML是______的缩写,意思为_____. ➢ 网页文件的头部分用______和_____括起来. ➢ 网页文件的正文部分用______和_____括起来. ➢ 网页文件的标题用______和_____括起来. ➢ 网页文件的段落用______和_____括起来.