Day 04-25 HTML 第一章 基本标签.docVIP

第一章：基本标签 第二章：表单标签 第三章：表格标签 第四章：框架 第五、六、七章：样式 第一章：基本标签 一、目标 1、使用HTML的基本结构创建网页 2、使用行级和块级标签组织页面内容 3、使用图片标签实现图文并茂的页面 二、内容 1、什么是HTML？ 答：超文本标签语言。 2、标签语法： 答：标签名 内容 /标签名 说明: A、内容：只能是文本或图片 B、标签名：一定有开头和结尾 3、HTML基本框架结构! 答：外层：html/html 内层头部：head/head只用于描述说明 内层主体：body/body显示内容 框架结构： html head/head body文字或图片/body html 4、如何编写一个网页？ 答：第一步：创建一个记事本文件，并且将名字改变“网页名.html”或者“网页名.htm” 第二步：编写网页代码 第三步：使用浏览器进行查看 5、浏览器：便以和解释HTML代码，并显示编译后的内容。 6、HTML标签分类： 答：第一类：块级标签：从上往下显示和修饰内容 第二类：行级标签：从左往右显示和修饰内容 7、块级标签 答：A、分段标签：p/p 属性：style=color：颜色单词; style= font-size; 字体大小 style= text-align: 对齐方式;文本居中 style=font-family:字体类型; 补充：对齐方式（center:居中 rigth:右对齐 left:左对齐) b、水平线：hr/ 属性:width=宽度px; color=颜色; size=尺寸px; c、标题标签：h1/h1 h2/h2 h3/h3 h4/h4 h5/h5 h6/h6 说明:a、数字越小，字越大. b、用户文章中的小标题. d、有序列表:ol/ol e、无序列表:ul/ul 说明：a、li/li是列表中的子项. 8、行级标签 a、图片标签：img/img 属性: src=图片路径; width=宽度; height=高度; alt=图片错误提示; title=鼠标移入图片提示; hspace=30 水平间距 b、换行:br/ 说明:a、只能用于将文字换行不能修饰文字; b、换行后，两行自间隔近。 c、范围标签：span/span em/em:斜体 u/u:下划线 pre/pre:给范围内的内容进行记事本化 strong/strong:加粗 b/b:加粗 说明：a、不换行的情况下，对文字或图片进行修饰. b、strong标签与b效果一样.建议用strong，因为strong是xhtml 里常用到的 9、补充内容: a、设置网页背景色：在body标签中加入属性：bgcolor=颜色单词; b、设置网页背景图：在body标签中加入属性：background=图片路径; c、滚动标签：marquee/marquee 属性：scrolldelay=毫秒 滚动速度 direction=滚动的方向 滚动方向 onMouseOver=this.stop() 鼠标移入时停止 onMouseOut=this.start() 鼠标移入时停止 behavior=alternate 不循环，来回转 height=100 滚动范围