【前端】HTML笔记（1）

足足一米58

已于 2022-07-27 10:14:40 修改

阅读量212

点赞数 4

分类专栏： HTML 文章标签：前端 html

于 2022-07-21 15:40:56 首次发布

本文链接：https://blog.csdn.net/weixin_61731785/article/details/125913779

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

这是一个段落。

我将显示 A B C
我将显示 A B C
😀 😄

<a href="https://www.w3cschool.cn" target=""
style="text-decoration:none;">这是一个链接</a>

这个 段落 演示了分行的效果

加粗 
加粗

斜体 
斜体

缩小

下标 
上标

<code>计算机输出</code> 
<kbd>键盘输入</kbd> 
<tt>打字机文本</tt> 
<samp>计算机代码样本</samp> 
<var>计算机变量</var>

<bdo dir="rtl">该段落文字从右到左显示。</bdo>

</body>
</html>

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <!--背景颜色（bgcolor）、背景（background）-->
    <h1>这是标题1</h1>

    <p>这是一个段落。</p>

    <p>我将显示 A B C</p>
    <p>我将显示 &#65; &#66; &#67;</p>
    <p style="font-size:48px">&#128512; &#128516;</p><!--表情符号-->

    <a href="https://www.w3cschool.cn" target=""
       style="text-decoration:none;">这是一个链接</a><!--target 设置为 "_blank",新窗口打开；无下划线-->

    <img src="/statics/images/logonew2.png" alt="Pulpit rock"
         width="206" height="36"><!--插入图形，插入动图的语法和静态图的语法是一样的-->

    <hr /><!--创建水平线-->

    <p>这个<br />段落<br />演示了分行的效果</p><!--换行符-->

    <b>加粗</b><br />
    <strong>加粗</strong><br />

    <big>放大</big><br />

    <em>斜体</em><br />
    <i>斜体</i><br />

    <small>缩小</small><br />

    <sub>下标</sub><br />
    <sup>上标</sup>

    <pre></pre><!--控制空格和空行-->

    <code>计算机输出</code><br />
    <kbd>键盘输入</kbd><br />
    <tt>打字机文本</tt><br />
    <samp>计算机代码样本</samp><br />
    <var>计算机变量</var><br /><!--这些标签常用于显示计算机/编程代码-->

    <address></address><!--地址-->

    <abbr title="etcetera">etc.</abbr><br />
    <acronym title="World Wide Web">WWW</acronym><!--定义缩略词-->

    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p><!--改变文字方向-->

    <q></q><!--短引用-->
    <blockquote cite="http://www.worldwildlife.org/who/index.html"></blockquote><!--长引用-->

    <del>blue</del><!--删除-->
    <ins>red</ins><!--插入-->

    <p>
        <a href="http://www.w3cschool.cn/html/html-tutorial.html">
            <img border="0" src="/statics/images/course/smiley.gif" alt="HTML 教程"
                 width="32" height="32" align="right" style="float:left"><!--align放置方法，style放置位置-->
        </a>
    </p><!--创建图片链接-->

    <p><a href="#C4">查看章节 4</a></p>
    <h2><a id="C4">章节 4</a></h2><!--点击链接跳转-->

    <a href="http://www.w3cschool.cn/" target="_top">点击这里!</a><!--跳出框架-->
    <!--单词之间空格使用 %20 代替，以确保浏览器可以正常显示文本-->

    <p><dfn title="World Health Organization">WHO</dfn></p><!--定义项目或缩写的定义-->

    <cite></cite><!--定义著作的标题-->

</body>
</html>