読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

実践課題【CSS02】 エコロジー&環境問題

課題

【CSS02】

  • HTMLの入力に不安がある人は入力から
  • CSSはエンベッド


引用元:1カラムレイアウト - Webデザインの勉強|忘筌

解答

色が微妙に違っていたりするので後々直していこうと思います。

1カラムレイアウト - jsdo.it - share JavaScript, HTML5 and CSS

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<title>エコロジー&環境問題</title>
        <style type="text/css">
      body {
        margin: 0px;
      }
      h1 {
          text-align: center;
          background-color:#8fbc8f;
          font-size: 1.3em;
          color: #ffffff;
          line-height: 4.0;
          margin: 0px;
      }
      p {
          font-size: 1.0em;
          padding: 10px;
      }
      address {
          line-height: 1.0;
          padding: 10px;
          font-size: 0.8em;
          color: #8fbc8f;
          background-color: #ffffff;
          text-align: center;
          border-top:solid 10px #8fbc8f;
          font-weight: bold;
          font-style: normal;
      }
        </style>
    </head>
    <body>
	<h1>エコロジーへの取り組み</h1>
	<p>
      エコロジーや環境問題への関心は、年々高くなっています。<br />
      Computer Technology Groupsでは早くからエコロジーの研究に取り組んできました。自然エネルギーの活用もすすめており、二酸化炭素(CO2)の排出量を減らす努力もしています。<br />
      専門家の招致、育成にも努め、来春には環境研究施設を設立する予定です。
    </p>
	<p>
      また、紙やプラスチック、コンピューター・パーツのリサイクルにも力を入れ、あらゆる面での活動をひろげています。<br />
      リサイクル商品のラインナップも豊富で、オンラインのショッピングコーナーではもちろんのこと、各地域のリサイクルセンターでもお買い求めいただけます。
    </p>
	<address>Copyright (C) Computer Technology Groups. All rights reserved.</address>
    </body>
</html>