让我们使用 HTML 创建一个网页,然后在 Web 浏览器中查看它。
好吧,让我们直接进入它。在这里,您将了解创建网页是多么容易。事实上,当您完成此网页时,您将创建自己的网页!文章源自你的网络首码项目网-https://www.youranweb.com/32.html
当您创建网页时,您通常会执行以下操作:文章源自你的网络首码项目网-https://www.youranweb.com/32.html
- 创建一个文件
- 键入一些代码
- 在浏览器中查看结果
- 重复最后 2 个步骤(如有必要)
创建网页
好的,让我们更详细地介绍上述步骤。文章源自你的网络首码项目网-https://www.youranweb.com/32.html
创建一个文件HTML文件只是一个文本文件,用.html或.htm扩展名(即与.txt扩展名相反)保存。打开您的HTML编辑器(如Notepad++或hbuilder)。如果您愿意,可以使用计算机的普通纯文本编辑器(如果您使用的是Windows,则可能是记事本,如果您使用的是Mac,则可能是文本编辑)。创建一个新文件(如果尚未创建)将文件另存为html_tutorial_example.html
键入一些代码
键入以下代码:文章源自你的网络首码项目网-https://www.youranweb.com/32.html
<!DOCTYPE html> <html> <head> <title>HTML Tutorial Example</title> </head> <body> <h1>My First Website</h1> <p>Less than 5 minutes into this HTML tutorial and I've already created my first homepage!</p> </body> </html>
在浏览器中查看结果导航到您的文件,然后双击它打开计算机的网页浏览器(例如,互联网浏览器,火狐,网景等)。选择 ,然后单击 。将出现一个对话框,提示您导航到该文件。导航到该文件,然后选择 。File > OpenBrowseOpen
重复最后 2 个步骤,直到您对结果满意为止
期望你总是在第一次就做对是不现实的。别担心 -没关系!只需一次又一次地尝试 - 直到你做对为止。文章源自你的网络首码项目网-https://www.youranweb.com/32.html
创建网页的乐趣之一是尝试不同的元素,样式,方法等,然后查看结果。
代码说明
好吧,在我们太过自负之前,我将解释一下该代码的全部内容。文章源自你的网络首码项目网-https://www.youranweb.com/32.html
我们只是编写了一堆HTML标签。这些标签告诉浏览器要显示的内容和位置。您可能已经注意到,对于每个“开始”标签,还有一个“结束”标签,并且我们想要显示的内容出现在两者之间。大多数 HTML 标记都有一个开始和结束标记。文章源自你的网络首码项目网-https://www.youranweb.com/32.html
下一课将更详细地介绍 HTML 标记。文章源自你的网络首码项目网-https://www.youranweb.com/32.html 文章源自你的网络首码项目网-https://www.youranweb.com/32.html

评论