北大青鸟网站首页

html入门例子教程讲解

作者:北大青鸟航天桥 发布日期:2020-11-18 13:25 关注度:

<1>打开记事本:点击"开始"--选择"程序"--选择"附件"--选择"记事本"

<2>输入下面代码(直接拷贝过去就可以啦)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
        <head>
                <title> 欢迎来到梦之都 </title>
        </head>
        <body>
                <p>这是我的第一个网页,在这里
                        <a href=http://www.52bdqn.com/>
                                尽情学习HTML
                        </a>吧!
                </p>
        </body>
</html>

<3>点击"文件"--选择"保存"--选择文件类型为"所有文件"--文件名输入"dreamdu.html"并选择文件保存地址.(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)

<4>现在我们可以双击这个文件.看看效果吧 .

现在解释一下上面的例子

HTML文件就是一个文本文件.文本文件的后缀名是.txt,而HTML的后缀名是.html.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">代表文档类型,大致的意思就是:遵循严格的XHTML1的格式书写.具体文档类型后面有介绍(见文档类型),现在只要照写就行.

HTML文档中,第一个标签是<html>.这个标签告诉浏览器这是HTML文档的开始(见html标签).

HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止.

在<head>和</head>标签之间的文本是头信息.在浏览器窗口中,头信息是不被显示在页面上的(见head标签).

在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏(见title标签).

在<body>和</body>标签之间的文本是正文,会被显示在浏览器中(见body标签).

在<p>和</p>标签代表段落(见p标签).

<a>和</a>定义了一个超链接,用户只要点击了"尽情学习HTML",就可以链接到http://www.52bdqn.com网站(见a标签).

几个问题

我只能使用记事本做编辑器吗?

答:有很多编辑器可以使用,一些所见即所得的编辑器,比如Dreamweaver,Frontpage你可以很容易创建一个页面,而不需要编写代码,但有可能产生一些垃圾代码.

如果你想成为一名熟练的网络程序开发者,我强烈建议你用纯文本编辑器编写代码,这有助于学习HTML基础.当然也可以使用比较强大的文本编辑器,比如:Notepad++ EditPlus UltraEdit.

猴子推荐: 编辑网页时可以同时使用Dreamweaver与Notepad++,Dreamweaver的强大功能可以快速的产生大量代码,再通过Notepad++修正完善代码.

我编写完了HTML文件,但是双击后并不能在浏览器中看到结果,为什么?
答:请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:dreamdu.html,并且确认你用浏览器打开的是同样的文件.

我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?

答:浏览器缓存了你原先的页面,所以它不会读取新的页面.你修改了这个页面,浏览器并不知道.请使用"刷新/重载"按钮来强迫浏览器读取编辑过的页面,或按F5反复刷新.

怎么显示文件扩展名?

答:打开"我的电脑"--选择"工具"--选择"文件夹选项"--选择"查看"--去掉"隐藏已知文件类型的扩展名"的对勾.

学什么技术有前途
热门资讯
  • 1 . 制作网页最基本的是学会
  • 问题:制作网页最基本的是学会HTML超文本语言吗?如何学会HTML语言,有什么关于这方面的好书 最佳答案:不同意二楼的观点....

  • 2 . html是什么,详细介绍htm语
  • 经常看到这样一个问题,很都人都不知道html是什么, 并不知道html用来干什么的,下面向大家详细介绍一下。 通俗的讲,h....

  • 3 . html入门例子教程讲解
  • 1打开记事本:点击开始--选择程序--选择附件--选择记事本 2输入下面代码(直接拷贝过去就可以啦) !DOCTYPE html PUBLIC -....

新闻资讯