第二讲HTML语言.ppt

补充知识：HTML、CSS 心动，不如马上行动。 内容提要 HTML的常用标记与创建方法 HTML的表格标记与创建方法 HTML的表单标记。 1、HTML常用标记 HTML是HyperText Markup Language的缩写，即超文本标记语言。 HTML是网页的描述语言。如今的每个Web浏览器都能理解这种语言。 在普通文件中加上标记（tag），使文件达到预期的显示效果，这就是对HTML语言最经典的概括。 HTML语言的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则描述浏览器所要显示的内容与格式。  例如： 标 记 写法：     围堵标记与空标记： 其中 b/b 便称为围堵标记。 它以起始标记b及终结标记/b标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。  空标记  HTML常用标记作用介绍 1、HTML ： 告诉浏览器这是 HTML 文件? ?2、HEAD ：定义文档的头部，描述了网页的各种属性和信息，包括文档的标题等。 3、TITLE ：网页标题，将显示于浏览器顶端? ?4、BODY： 定义文档的主体 ? 5、!--...--：注释 ? 6、BR ：换行 7、B ：字体加粗 ? 8、I ： 字体斜体? ? 9、U ：文字加上底线 课堂练习： 自己设计网页把上述标记都用上！ 10、h1 - h6 标签可定义标题。 h1 定义最大的标题。h6 定义最小的标题。 例： h1这是标题 1/h1 h2这是标题 2/h2 h3这是标题 3/h3 h4这是标题 4/h4 h5这是标题 5/h5 h6这是标题 6/h6 11、DIV ：网页分割为独立的、不同的部分，可以包含段落、标题、表格等，位于body中。 实例 body div style= border-style: solid;border-color: blue; 这是网页的一部分 /div div style=width:400px;height:200px;background:url(mainbg.jpg); 这是网页的又一部分 /div /body 12、p 标签定义段落。 pThis is some text in a very short paragraph/p pThis is another text /p 13、 span： 属于一个行内元素。并无实际的意义,主要通过CSS样式(style)为其赋予不同的表现.可以通俗地理解为div为大容器,span就是小容器。 span标签是成对出现的,以span开始,以/span结束 例：使用了 SPAN 元素分离文本中的引语。 divp本段包含了单独的span style=color: blue蓝色/span 单词。/p /div 14、FONT：规定文本的字体、字体尺寸、字体颜色。 实例 font size=3 color=redThis is some text!/font font size=2 color=blueThis is some text!/font font face=verdana color=greenThis is some text!/font 15、img :可定义一副图像 。 注意：在 HTML 中，img 标签没有结束标签 16、style 标签：用于为 HTML 文档定义样式信息。 在 style 中规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的，值是 “text/css”，定义 style 元素的内容。 style 元素位于 head 部分中。 例： html head style type=text/css h1 {color:red} p {color:blue} /style /head body h1Header 1/h1 pA paragraph./p /body /html 3、HTML中的超链接 17、a 标签可定义超链接。 a 元素最重要的属性是 href 属性，它指定链接的目标。 被链接的页面通常被显示在当前的浏览器窗口中，除非规定了其他的 target（ target在何处打开目标 URL）。 _blank _self 超链接