开发者学堂课程【零基础学前端 HTML+CSS :第一个网页】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5107
第一个网页
内容介绍:
一、HTML 页面基本结构说明
二、示例
三、代码讲解
一、HTML 页面基本结构说明
经常,在 HTML 页面的第一行带有 HTML 版本信息,版本信息也可以省略。下面是在一个常见的版本信息。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http: / /www. w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http: / / www. w3. org/1999/xhtml">
HTML5语法
<! doctype html>
比如
打开百度页面的源代码
<!DOCTYPE html>
就是一段声明,声明下面内容用5的语法还是用4的语法
如果用 EditPlus 新建一个 html 文件,那么第一行就是一个声明,这个声明明显是一个4的声明
二、示例
现在我们可以用 html5来声明,写在第一行更简洁
接着刚才做的 html 页面
第一个 HTML 页面
<html>
<head>
<title>欢迎您</title>
</head>
<body>
<h1>JAVA</h1>
<p>IT课程学习</p>
</body>
</html>
展示效果:
在记事本上,输入上述代码,并保存为 .htm 或 .html 后缀的文件即可。
用 EditPlus 进行演示
在 title 中输入欢迎您
在<body>中输入
<h1>java</h1>
<p>IP课程学习</p>
然后保存并运行
三、代码讲解
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<head> 与 </head> 之间的文本描述网页头信息
<title> </title> 之间的文本被显示为网页的标题
<h1> 与 </h1> 之间的文本被显示为正文一级标题
<p> 与 </p> 之间的文本被显示为段落