HTML5学习笔记(一)

版权声明: https://blog.csdn.net/qq_40515156/article/details/80493510

一、meta标记、body标记属性应用

代码如下:

<!DOCTYPE html>

<html>

    <head>

       <!--jason-zl-->

       <meta charset="utf-8" />

       <title>textone</title>

       <meta name="keywords" content="tag"/>

       <meta name="description" content="the use of meta and body"/>

    </head>

    <body text="red" bgcolor="green"background="C:\Users\HP\Pictures\SavedPictures\1.jpg" alink="black"

       vlink="white"leftmargin="200px">

       <h1>body属性应用</h1>

       <p>&nbsp;&nbsp;&nbsp;&nbsp;Mozilla Firfox是由Mozilla基金会与开源团体共同开发的网页浏览器。<br>

       Firefox 28全新发布,从<a href="http://firefox.com.cn/">火狐官方中文网站</a>上下载最新版Firefox火狐浏览器,

       拥有最快、最安全的上网体验。</p>

    </body>

</html>

效果图如下:


二、文本标记与应用

代码如下:

<!DOCTYPE html>

<html>

    <head>

<!--jason-zl-->

       <meta charset="utf-8" />

       <title>格式化文本信息</title>

       <style>

           .text3{

              text-align: center;

           }

           #title{

              font-size:7;

           }

           #author{

              font-size:3;

           }

           .text2{

              font-family: ;="隶书" ;

              font-size="5" ;

              color="blue";

           }

       </style>

    </head>

    <body >

       <!--1.标题字应用-->

       <strong>1.标题字应用</strong>

       <h1 align="center">软件工程是全国就业薪酬涨幅最大的专业</h1>

       <h4 align="left">软件工程是全国就业薪酬涨幅最大的专业</h4>

       <h5 align="right">软件工程是全国就业薪酬涨幅最大的专业</h5>

       <hr color="#FF3333"></hr>

       <strong>2.段落、字体标记应用</strong>

       <!--2.段落、字体标记应用-->

       <p class="text2">&nbsp;&nbsp;&nbsp;&nbsp;网页的本职就是超级文本标记语言,通过结合使用其它的Web技术(如:脚本语言、公共网管接口、组件等),

       可以创造出功能强大的网页。</p>

           <hr color="#00CC66"></hr>

           <strong>3.文本标记应用</strong>

       <!--3.文本标记应用-->

           <p class="text3">2x<sup>2</sup>+3x=9&nbsp;&nbsp;x<sub>1</sub>+x<sub>2</sub>=10<br>

           <address class="text3">地址:江苏省南京市珠江路1924</address></p>

            <blockquote>超级文本标记语言是标准通用标记语言下的一下应用,也是一种规范,一种标准,

它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件,通过在文本文件中添加标记符,

可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)</blockquote>

          <hr color="#FF3333"></hr>

          <!--第四部分-->

          <strong>4.其他排版标记应用</strong>

          <pre id="title">                                    《春思》</pre>

          <pre id="author">                                  李白</pre>

        <pre>

                      燕草如碧丝,秦桑低绿枝。

                           当君怀归日,是妾断肠时。

                           春风不相识,何事入罗帏?</pre>

        </pre>                 

 <hr color="#FF00FF" size="3"></hr>

    </body>

</html>

效果图如下:




猜你喜欢

转载自blog.csdn.net/qq_40515156/article/details/80493510