（一） Web語言：開始瞭解HTML

時間 2019-11-13

標籤 web 語言開始瞭解 html 欄目 HTML 简体版

原文原文鏈接

1. HTML和CSS是用來建立網頁的語言。HTML即"HyperText Markup Language"（超文本標記語言）的縮寫，用來創建網頁結構。CSS即"Cascading Style Sheets"（層疊樣式表）的縮寫，用來控制HTML網頁的表現。css

2. HTML利用一個個尖括號組成的標記如"<html> </html>"標示內容提供網頁的結構。把匹配標記以及其包圍的內容稱爲元素。因此元素由三部分組成：開始標記、內容和結束標記。開始標記和結束標記的區別是結束標記名字前由一個 "/"。開始標記能夠有可選的屬性，例如"type"。html

3. 全部頁面都有<html>元素,其中包含<head>和<body>元素。網頁信息放在<head>元素裏，瀏覽器看到的東西放在<body>元素裏。瀏覽器

4. 瀏覽器會忽略掉大部分空白和製表符、空格等，可是這些空格和製表符等可讓html代碼更有可讀性。app

5. CSS規則放在<style> 元素裏，<style>元素放在<head>元素裏。ide

6.本節的代碼：code

A. index.html:htm

<html>
  <head>
    <title>Starbuzz</title>
    <style type="text/css">
        body {
              background-color: rgb(0,255,0);
              margin-left: 20%;
              margin-right: 20%;
              border: 2px dotted black;
              padding: 10px 10px 10px 10px;}
              font-family: sans-serif;
        }    
    </style>
  </head>
  <body>
    <h1>StarBuzz Coffee Beverages</h1>
    
    <h2>House Blend, $1.49</h2>
    <p>
        A smooth, mild blend of coffees from
        <em>Mexico, Bolivia, and Guatemala.</em>
    </p>
    
    <h2>Mocha Cafe Latte, $2.35</h2>
    <p>
        Espresso, steamed milk and chocolate syrup.
    </p>
    
    <h2>Cappuccino, $1.89</h2>
    <p>
        A mixture of espresso, steamed milk and foam.
    </p>
    
    <h2>Chai Tea, $ 1.85</h2>
    <p>
        A spicy dring made with black tea, spices,
        milk, and honey.
    </p>
  </body>
</html>

B. misson.html:ci

<html>
  <head>
    <title>Starbuzz Coffee's Mission</title>
    <style>
      body {
            background-color: #d2b48c;
            margin-left: 20%;
            margin-right: 20%;
            border: 2px dotted black;
            padding: 10px 10px 10px 10px;
            font-family: sans-serif
      }
    </style>
  </head>
  <body>
    <h1>Starbuzz Coffee's Misson</h1>
    <p>
        To provide all the caffeine that you need to power your life.
    </p>
    <p>
        Just drink it.
    </p>
  </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。