HTML5学习笔记(一)

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

代码如下:

DOCTYPE html>

<html>

    <head>

      

       <meta charset="utf-8" />

       <title>textonetitle>

       <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>    Mozilla Firfox是由Mozilla基金会与开源团体共同开发的网页浏览器。<br>

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

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

    body>

html>

效果图如下:

HTML5学习笔记(一)_第1张图片

二、文本标记与应用

代码如下:

DOCTYPE html>

<html>

    <head>

       <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 >

      

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

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

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

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

       <hr color="#FF3333">hr>

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

      

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

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

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

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

      

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

           <address class="text3">地址:江苏省南京市珠江路1924address>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>

效果图如下:

HTML5学习笔记(一)_第2张图片



你可能感兴趣的:(html5,HTML5简单标签应用)