青少年编程与数学 01-005 超文本标记语言（HTML）05课题、文本3_3

明月看潮生

已于 2024-07-04 14:44:25 修改

阅读量854

点赞数 15

分类专栏：编程与数学第01阶段文章标签：青少年编程 html 前端编程与数学

于 2024-07-04 14:43:11 首次发布

本文链接：https://blog.csdn.net/qq_40071585/article/details/140179242

版权

编程与数学第01阶段专栏收录该内容

271 篇文章 1 订阅

订阅专栏

青少年编程与数学 01-005 超文本标记语言（HTML）05课题、文本3_3

十五、HTML5 MathML
十六、练习
课题建议
课题作业
附录一、超微半导体公司简介

本文介绍了如何在网页中展示文本，包括标题、段落、文本格式、计算机代码、引文和数学公式的表示。特别提到了LaTeX和KaTeX在网页上渲染数学公式的应用，以及HTML5 MathML的使用。

十五、HTML5 MathML

HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>...</math> 。
MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。

看下列实例：

<!DOCTYPE html>
<html lang="zh-cn">
    <title>HTML MathML </title>
    <meta charset="utf-8" />
    <style>
        body {
            color: cyan;
            background-color: teal;
        }
        .container {
            width: 500px; /* 设置容器的宽度 */
            margin: 0 auto; /* 将左右边距设置为自动 */
            line-height: 2;
        }
    </style>
    <body>
        <div class="container">
            <!-- xmlns="http://www.w3.org/1998/Math/MathML" -->
            <math>
                <mrow>
                    <msup><mi>a</mi><mn>2</mn></msup>
                    <mo>+</mo>
                    <msup><mi>b</mi><mn>2</mn></msup>
                    <mo>=</mo>
                    <msup><mi>c</mi><mn>2</mn></msup>
                </mrow>
            </math>
        </div>
    </body>
</html>

据说这个标签不是所有浏览器都支持，上述代码在Edge上运行通过。

十六、练习

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>段落和文本格式化</title>
    <meta charset="utf-8">
    <style>
        /* 选择你喜欢的颜色吧 */
        body {
            color: cyan;
            background-color: teal;
        }
    </style>
</head>
<div align="center"></div>
<h1>一、第一段 段落可以有多个行</h1>
<p>第一行。<br>第二行。<br>第三行。</p>
<h1>二、第二段 文本格式化</h1>
<b>这个文本是加粗的</b>
<br />
<strong>这个文本是加粗的</strong>
<br />
<big>这个文本字体放大</big>
<br />
<em>这个文本是斜体的</em>
<br />
<i>这个文本是斜体的</i>
<br />
<small>这个文本是缩小的</small>
<br />
这个文本包含
<sub>下标</sub>
<br />
这个文本包含
<sup>上标</sup>
<h1>三、第三段 预格式文本</h1>
<pre>
        此例演示如何使用 pre 标签
    对空行和    空格
    进行控制
</pre>
<h1>四、第四段 代码格式</h1>
<code>计算机代码格式</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br />
<p>
    <b>注释：</b>这些标签常用于显示计算机/编程代码。
</p>
<h1>五、第五段 地址</h1>
<address>
    Written by <a href="mailto:webmaster@csdn.net">YueGuoJun</a>.<br>
    地址:<br>
    邮件：<br>
</address>
<body>
</body>
</html>

段落文字需要各种各样的格式，HTML定义了很多格式标签，可以逐一测试，以满足实际网页编写的需要。

课题建议

找一本网页编程的书籍对照本指导文件学习。

课题作业

练习文档中的所有代码。要手动输入，不要复制粘贴。
制作一个网页，内容是小学数学中的“加法口诀表”。

附录一、超微半导体公司简介

超微半导体公司（Advanced Micro Devices, Inc.），通常简称为AMD，是一家全球知名的跨国半导体公司，专注于设计和制造各种创新的微处理器以及相关技术和软件。以下是关于AMD的一些关键信息：

成立时间：AMD成立于1969年，由Jerry Sanders及其他七位前Fairchild Semiconductor的工程师共同创建。
总部位置：公司的总部位于美国加利福尼亚州的圣克拉拉市（Santa Clara），这是硅谷的核心地带。
业务范围：AMD主要为个人电脑、服务器、工作站、游戏机和嵌入式系统等市场提供高性能的处理器（CPU）、图形处理器（GPU）、加速处理器（APU）、半定制SoC产品以及相关的软件和技术支持。
产品线：
- CPU：包括Ryzen系列桌面和移动处理器，EPYC系列服务器处理器。
- GPU：Radeon系列显卡，用于游戏和专业图形应用。
- APU：结合了CPU和GPU功能的处理器，适用于轻薄笔记本和一体机。
- 半定制SoC：为游戏主机和其他定制平台设计的专用芯片。
市场定位：AMD在高性能计算领域与Intel竞争，在图形处理方面与NVIDIA抗衡。近年来，通过收购ATI Technologies，AMD在GPU市场上加强了自己的地位，并推出了Radeon品牌。
研发与创新：AMD持续投入大量资源进行研发，推动了诸如Zen架构、RDNA架构等技术创新，以提升性能和能效。
公司历程：自成立以来，AMD经历了多次转型和挑战，包括与Intel的专利诉讼、财务危机以及重组。近年来，随着新产品的成功推出，AMD在市场上的表现显著增强。
全球布局：除了美国总部，AMD在全球范围内设有研发中心、销售和服务网络，包括在中国的多个城市如苏州有其运营实体。