科学【初心者ノート】マンガン乾電池(塩化アンモニウム型)のしくみ 化学反応のアニメーション
電池にはいろいろな種類があります。 今回は昔ながらのマンガン乾電池についてまとめてみました。 マンガン乾電池には、電解質の違いにより2つに分けられるそうです。 塩化亜鉛型 塩化アンモニウム型 どちらのタイプが多いのかはわかりません。 今回は...
44Marnub
科学
科学【初心者ノート】鉛バッテリー(自動車、バイクなど)のしくみ(アニメーション)
二次電池(充電することで繰り返し使える電池)の1つである鉛バッテリー。自動車やバイクにはなくてはならないものです。 この鉛バッテリー、水素ガスが出るんじゃないの？だとしたら繰り返し使えないんじゃないの？という誤った疑問から、どのような化学反...
ウェブデザイン【初心者ノート】articleを罫線で囲む
前回記事「各要素の配置を調整する」では、HTML要素のボックスの大きさと配置を調整しました。 今回は、article要素を罫線(境界線)で囲んでみます。 スタイル適用前後のイメージは次の通りです。 borderプロパティ 要素のボックスに罫...
ウェブデザイン【初心者ノート】各要素の配置を調整する
前回の記事「スタイルシートでページの背景に色をつける」でbody要素、article要素、header要素、footer要素の背景に色をつけました。 今回は各要素の大きさ(ボックスの大きさ)を調整します。 HTMLのボックスモデル WEBブ...
ウェブデザイン【初心者ノート】コンピュータで扱う色 HSV(HSB)とRGB
コンピュータは、色(カラー)を表現する数値化されたデータを処理することで、ディスプレイ表示や印刷を行います。 私たち人間がディスプレイ上で写真や動画を見たり印刷物を見たりするときは、この数値化されたデータを意識する必要はありません。 しかし...
ウェブデザイン【初心者ノート】スタイルシートでページの背景に色をつける
前回の記事「HTMLのマークアップ、artcle、header、footer」まででページのヘッダーと記事、フッターをマークアップしました。 今回はWEBページに色をつけて飾ります。 背景に色をつける HTMLでマークアップしたbody、h...
ウェブデザイン【初心者ノート】HTML5 CSS3の基礎をしっかり学ぶ
WEBデザインの基本HTML5とCSS3について、実際に練習用ページを作りながら入門者向けにまとめてみたいと思います。 はじめに HTML/CSSはW3Cという非営利組織が標準化をしています。1994年の発足以来、何度かバージョンが更新され...
ウェブデザイン【初心者ノート】WEBデザイン HTML CSS ボックスの回り込み
前回までの記事で、HTMLとCSSのボックスモデルについて説明しました。 ブラウザはコンテンツを表示するとき、HTMLの各要素(body、div、h1、pなど)をボックスとして扱い、HTMLに記述されている順に画面上に配置していきます。 W...
ウェブデザイン【初心者ノート】WEBデザイン HTML CSS ボックスの大きさ
前回までの記事、「WEBデザイン HTML CSSのボックスモデル その1」と「WEBデザイン HTML CSSのボックスモデル その2」でボックスモデルの説明をしました。 今回は、ブラウザ上に配置されたHTML各要素のボックスに対し、スタ...
ウェブデザイン【初心者ノート】WEBデザイン HTML CSSのボックスモデル その2
前回記事の WEBデザイン HTML CSSのボックスモデル その1 でボックスモデルの概要を説明しました。 今回はボックスについてもう少し詳しく見ていきたいと思います。 ボックスの配置 ブラウザはHTMLに記述されている要素(見出し、段落...