从“Hel|oWor|d"开始 01 <I--This is comment -- 02 <html> 03 <hea 04 <title>First HTML document</title> 5</h d: ead> 06 <bod o7 Hello world! 文件吧)銅辑)查看)收藏④)工具)帮助q o8 </bod 地址①]E:明究写书eb应用基础代码第二堂121Mtn转到链接 og </htmI> Hello world!
从“Hello World” 开始 01 <!-- This is comment --> 02 <html> 03 <head> 04 <title>First HTML document</title> 05 </head> 06 <body> 07 Hello World! 08 </body> 09 </html>
回顾一下Java的 Hello world! public class Hello World(. Use html to show public static void main(String <htmI> System. out. printIn( Hello W <head> <title>hello world </title> </head> <body> Javac Hello World. java Hello world Java hello World class </body> </htm>
•回顾一下Java的Hello World！ public class HelloWorld { public static void main(String[] args){ System.out.println(“Hello World!"); } } •Javac HelloWorld.java •Java HelloWorld.class •Use HTML to show <html> <head> <title>Hello World!</title> </head> <body> Hello World! </body> </html>
HTML的基本组成结构 ●整个文档的内容部分由若干相互嵌套的元素组成 嵌套外层的元素称为父元素,嵌套内层的元素称为子元素, 包含所有元素的最外部元素称为根元素。 ●HTML的内容部分拥有唯一的根元素htm,根元素拥有两 个子元素head和body,分别称为HTML的头部元素和主体 元素 头部元素head中必须包含tite子元素,此外还可以包含 meta、 style、 script和ink等元素。如果head中还包含其他 元素,则itle子元素必须排在第一个。 title元素的内容对应 于浏览器窗口上方标题栏中的内容 主体元素body的内容对应于浏览器窗口中显示的具体内容, 我们希望显示的信息一般都放在这个部分
HTML的基本组成结构 整个文档的内容部分由若干相互嵌套的元素组成。 嵌套外层的元素称为父元素，嵌套内层的元素称为子元素， 包含所有元素的最外部元素称为根元素。 HTML的内容部分拥有唯一的根元素html，根元素拥有两 个子元素head和body，分别称为HTML的头部元素和主体 元素。 头部元素head中必须包含title子元素，此外还可以包含 meta、style、script和link等元素。如果head中还包含其他 元素，则title子元素必须排在第一个。title元素的内容对应 于浏览器窗口上方标题栏中的内容。 主体元素body的内容对应于浏览器窗口中显示的具体内容， 我们希望显示的信息一般都放在这个部分
HTML文档的书写规贝 ●元素的开始标记包含在<和>之间,结束标记包含在</和> 之间 ●所有元素必须有相匹配的开始标记和结束标记 ●不含任何内容的元素称为空元素。空元素可以将开始标记 和结束标记缩减为特殊的形式,标记包含于<和/>之间 注意:标记名和/之间需要有一个空格。如<hr/>。 文档具有唯一的根元素html,它包含了其它所有元素。 所有元素必须正确嵌套。如不能出现类似 <head><body>…/head></body>的情况 元素的属性表现为“名字=值”的形式。值必须包含在单 引号“或者双引号“”中。如不能出现类似 align=eft>的写法,必须写作< p align=ef>。SD 所有元素名称和属性名字都用小写
HTML文档的书写规则 元素的开始标记包含在<和>之间，结束标记包含在</和> 之间。 所有元素必须有相匹配的开始标记和结束标记。 不含任何内容的元素称为空元素。空元素可以将开始标记 和结束标记缩减为特殊的形式，标记包含于<和/>之间。 注意：标记名和/之间需要有一个空格。如<hr />。 文档具有唯一的根元素html，它包含了其它所有元素。 所有元素必须正确嵌套。如不能出现类似 <head><body> ….</head></body>的情况。 元素的属性表现为“名字＝值”的形式。值必须包含在单 引号‘’或者双引号“”中。如不能出现类似<p align=left>的写法，必须写作<p align= “left” >。 所有元素名称和属性名字都用小写
基本布局元素 ●基本格式化元素 文本格式化 换行元素<br 物理格式化和逻辑格 标题元素<h> 式化 段落元素<p> 物理格式化元素 水平线元素<hr> 逻辑格式化元素 特殊字符 块元素与行内元素
基本布局元素 基本格式化元素 换行元素 <br> 标题元素 <h1> 段落元素 <p> 水平线元素 <hr> 特殊字符 文本格式化 物理格式化和逻辑格 式化 物理格式化元素 逻辑格式化元素 块元素与行内元素