HTML基础：预格式文本<PRE>标签及网页创建

需积分: 9 63 浏览量更新于2024-08-18 收藏 2.03MB PPT 举报

本文主要介绍了如何使用HTML中的`<PRE>`标签来呈现预格式化的文本，以及HTML的基本结构和相关标签的使用。在HTML中，`<PRE>`标签用于定义预格式化文本，这意味着文本将按照在源代码中输入的格式进行显示。在描述中给出的例子中，`<PRE>`标签包含了QQ商品的详细信息，包括价格、运费、剩余时间和宝贝类型等。在浏览器中，这些文本将以等宽字体显示，并保留原文中的空格和换行，这样可以保持代码或者数据的原始排版。 HTML的基本结构由`<HTML>`、`<HEAD>`和`<BODY>`标签组成。`<HTML>`是整个文档的根元素，`<HEAD>`包含文档的元信息，如标题（`<TITLE>`），而`<BODY>`则包含网页的可见内容，如文本、图像和链接。在`<HEAD>`中，`<META>`标签用于定义文档的元数据，例如字符编码，这里的`<META http-equiv="Content-Type" content="text/html;charset=gb2312">`设置了文档的字符编码为GB2312。课程的目标是让学生掌握HTML的基本结构，能够创建美观的静态商业网站，包含文本修饰、图像处理、超链接设置等内容。预习检查中提到，需要了解HTML文档的基本结构，图像与文本的对齐方式，以及创建超链接的方法（通常使用`<A>`标签的`href`属性）。本章的任务是制作一个图文并茂的“广告”页面，这将涉及到文本标签（如`<B>`、`<I>`、`<U>`等）来修饰文字，`<IMG>`标签来插入图像，并使用`<A>`标签创建超链接，实现页面间的跳转。同时，还会学习如何在记事本中编写HTML代码，然后保存为`.html`文件预览效果。这个资源提供了HTML初学者需要的基础知识，包括`<PRE>`标签的使用，HTML文档的基本结构，以及创建简单网页的步骤。通过学习，学生能够具备创建基本HTML页面的能力，并理解如何控制文本和图像的显示，以及实现简单的导航功能。

粉丝: 32
资源: 2万+

HTML基础：预格式文本<PRE>标签及网页创建

Html代码技巧大全.

HTML语法字典HTML语法字典

HTML特效代码大全

使用c#实现，将.txt文本中的内容加载到html页面

<template #="{ row }"> {{ row.Service_Name }} </template>这句代码的作用

CSND 插入代码块，代码块每行前面有数字，能明确知道某个代码在哪一行，请问这属于哪个代码块

在vue中展示"{\n \"step\" : [\n {\n \"images\" : [\n\n ],\n \"textContent\" : \"11\"\n }\n ]\n}"

markdown编辑器如何设置保留用户输入的空格

用unigui写一个代码文本高亮的网页

NativeQueryBuilder 高亮

最新资源

<template #="{ row }">
{{ row.Service_Name }}
</template>这句代码的作用