HTML

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chenhaiming123/article/details/82312626

一、前言
HTML的全称:Hyper Text Markup Language。网页文件格式:.html或.htm。
这里写图片描述

二、正文

<head>
    <title>哈哈,学校又变帅了</title>
</head>
<body>
<a href="#下面" name="上面">跳到下面去</a>

      <!--注释标签:这是页面显示的内容-->
    呵呵,果然学校很帅
    <p>哦,今天天气不错,挺风和日丽的,</p>

           <!--段落标签<p></p>-->
    <p>老马来到学校&nbsp&nbsp&nbsp&nbsp()空格标签)看见小赵在学校,...然后这是...就没有然后了</p>

           <!--标题标签<h#>: #=1~6-->
            <h1>学校很帅啊!!!</h1>
    <h2>学校很帅啊!!!</h2>
    <h3>学校很帅啊!!!</h3>

     <!--<img src="C:\Users\chen\Desktop\HTML练习\学校01.png" />加载图片,属性的值建议用引号括起来-->
         <!--语法<img src=“URL” />alt属性(显示图片内容),border属性:图片外侧相框宽度。相对路径 -->
    <img src="学校01.png" alt="这是学校照片" border="2" width="500" height="600" />
    <hr />

             <!--注释标签:水平线<hr />,常见属性:size\width\align\(left,right,center),noshade,color-->
             <!--标尺线<hr />-->
             <img src="预定义色彩1.png" alt="color对应颜色照片" border="2" width="500" height="100" />
    呵呵,你认识谁了,<br />
    其实其他人也一样,他们都很健忘,健忘的是时间,唯一不忘只有某个时间<br />

             <!--注释标签:拆行<br />-->
     <p>哈哈这是段落&lt/p&gt标签</p>

    <!--特殊符号>(&gt)、<(&lt)、&(&amp)、空格(&nbsp)、灰色noshade、行框高hr size="50"、水平线宽hr width="500"-->
            <!--&lt;" 代表 "<","&gt;" 代表 ">"-->
    <hr size="50" />
    <hr width="1000" />
    <hr size="50" noshade="noshade" />

    <hr color="red" />
    <hr align="left" width="100" />
    <hr align="right" width="100" />
    <hr align="center" width="100" color="blue" />

            <!--客户端字体,font的size为1-7-->
    <font size="7" face="全新硬笔行书简" color="blue">哈哈,我又变帅了</font><br />
            <font size="5" face="全新硬笔行书简" color="green">小赵</font><br />

    <a name="中间"></a>
    呵呵,确实很帅

    <hr color="yellow" />

    <b>这是粗体</b><br />
    <i>这是意大利斜体</i><br />
    <tt>打印机字体</tt><br />
    <u>下划线字体</u><br />

             <!--定义上下标-->
    3<sup>2</sup>+4<sup>2</sup>=5<sup>2</sup><br />
    4<sub>2<br />
    <s>这是一句被删除的文字</s><br />
    <em>看看什么样,(定义强调文本)</em><br />
    <strong>强调文本</strong><br />

            <! -- pre元素可定义预格式化的文本被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。-->
            <! -- pre标签的一个常见应用就是用来表示计算机的源代码。-->
            <!--可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在pre 所定义的块里-->
            <!--与<code>一起使用,以获得更加精确的语义-->
    <pre>
    <code>


    </code>
    </pre>
    <br />

     <!--marquee移动,direction方向,behavior模式-->
    <hr color="blue" size="10" />
    <marquee direction="right"><img src="学校.jpg" /></marquee>
    <marquee direction="down"><img src="学校.jpg" /></marquee>
    <marquee direction="up"><img src="学校.jpg" /></marquee>
    <hr />
    <marquee behavior="slide"><img src="学校.jpg" /></marquee>
     <!--跳转到指定地方--> 
    <a name="下面" href="#上面">跳到上面</a>
</body>


三、界面局部截图
HTML学习

阅读更多
换一批

没有更多推荐了,返回首页