第一个课程
  Starting a HTML file

HTML codes
  <html>

   <head>
          <title>   </title>
   </head>

   <body>

   </body>

  </html>
什 么 是 HTML ?
        它 有 什 么
用 ?
              •用来写网页电脑语言

 •FACEBOOK,构造有很多PHP(Preprocessor)和CSS(Cascading
    Style Sheets)代码(code),不能少了HTML代码。


  •每个command(代码, eg: <a> </a>)里面有个东西
    叫style(属性 eg: <a size=“15px”color=“green”>)
什 么 是 HTML ?
                它 有 什 么
用 ? •有了Style(属性)后的Code(代码)会
                变成各有千秋的字形等等
   (eg. hyperlink的效果, background-color, Font-字体
            等等等等等等等等等等等等!!)
什 么 是 HTML ?
                它 有 什 么
用 ?
 •要注意的是,大部分(99%)的command(代码)都会需要
             起稿和停稿!
            起稿-》 <button>
            内容-》 Search
            停稿-》 </button>
什 么 是 HTML ?
              它 有 什 么
用 ?•不需要停稿的command就只有几个(1%)
         例如:<hr> 和 <br>
Commands

• < cc > < /cc > 开头&结尾 (cc = command ; ss = style)
• <cc ss=“ (color/unit) ”>
       Basic Commands
       <html>
        <head>
          <title> Welcome to Facebook! </title>
        </head>

        <body bgcolor=“yellow”>

        </body>

       </html>
Command & Style
 Commands                        Style
 <p> </p>   Paragraphs           Bgcolor=“(color)” BackGround
 <a> </a> Words/Links            Color=“(color) Size=“20px”   大小
                                 ” 颜色
 <button> (text) </button> 按钮    Border=“10px” 边缘
 <H1><H2> 至 <H6> headings        Align=“Left / Right / Center”> 排的位
                                 置
 <hr> Horizontal Role 横线
 <br> 空一段
 <b> </b>,<i> </i>,<u> </u>
 Bold, Italic, Underline
 <marquee> (text) </marquee>字会   Scrollamount=“(number)”
 左右移动                            (Number 越大越快)
                                 只是给<marquee>而已
<p> (text) </p>   Paragraph
Samples
Samples
Samples

第一个课程2

  • 1.
    第一个课程 Startinga HTML file HTML codes <html> <head> <title> </title> </head> <body> </body> </html>
  • 2.
    什 么 是HTML ? 它 有 什 么 用 ? •用来写网页电脑语言 •FACEBOOK,构造有很多PHP(Preprocessor)和CSS(Cascading Style Sheets)代码(code),不能少了HTML代码。 •每个command(代码, eg: <a> </a>)里面有个东西 叫style(属性 eg: <a size=“15px”color=“green”>)
  • 3.
    什 么 是HTML ? 它 有 什 么 用 ? •有了Style(属性)后的Code(代码)会 变成各有千秋的字形等等 (eg. hyperlink的效果, background-color, Font-字体 等等等等等等等等等等等等!!)
  • 4.
    什 么 是HTML ? 它 有 什 么 用 ? •要注意的是,大部分(99%)的command(代码)都会需要 起稿和停稿! 起稿-》 <button> 内容-》 Search 停稿-》 </button>
  • 5.
    什 么 是HTML ? 它 有 什 么 用 ?•不需要停稿的command就只有几个(1%) 例如:<hr> 和 <br>
  • 6.
    Commands • < cc> < /cc > 开头&结尾 (cc = command ; ss = style) • <cc ss=“ (color/unit) ”> Basic Commands <html> <head> <title> Welcome to Facebook! </title> </head> <body bgcolor=“yellow”> </body> </html>
  • 7.
    Command & Style Commands Style <p> </p> Paragraphs Bgcolor=“(color)” BackGround <a> </a> Words/Links Color=“(color) Size=“20px” 大小 ” 颜色 <button> (text) </button> 按钮 Border=“10px” 边缘 <H1><H2> 至 <H6> headings Align=“Left / Right / Center”> 排的位 置 <hr> Horizontal Role 横线 <br> 空一段 <b> </b>,<i> </i>,<u> </u> Bold, Italic, Underline <marquee> (text) </marquee>字会 Scrollamount=“(number)” 左右移动 (Number 越大越快) 只是给<marquee>而已
  • 8.
    <p> (text) </p> Paragraph
  • 10.
  • 11.
  • 12.