< prev next > 返回

网页结构的组成

2023-02-13• 围观热度 538•建站知识
  前面利用开发者工具查看了网页的源代码和存放数据的网页元素，大家对网页源代码应该有了初步的认识。本节将通过搭建一个简单的网页来帮助大家进一步认识网页结构的基本组成。   

先使用PyCharm编辑器创建一个HTML文档。启动PyCharm，执行“File>New”菜单命令，在弹出的界面中单击“HTML File”，再在弹出的界面中输入文件名“test”，按【Enter】键，PyCharm会自动补全文件的扩展名，得到一个名为“test.html”的HTML文档。该HTML文档的内容并不是空白的，PyCharm会自动生成一些网页源代码，搭建出一个HTML文档的基本框架，如下图所示。

  单击代码编辑区右上方的浏览器图标，如下图所示，就能用对应的浏览器打开该HTML文档。

  从网页源代码可以看出，大部分网页元素是由格式类似“<×××>文本内容</×××>”的源代码来定义的，这些“<×××></×××>”称为HTML标签。在PyCharm自动生成的网页源代码的基础上，我们可以继续添加HTML标签来充实HTML文档的内容。
微信扫码咨询 微信扫码咨询
微信咨询 微信咨询