初心者のHTML+CSS学習サイト初心者向けにHTMLやCSSをわかりやすく解説するつもりのサイト。パソコンやスマートフォンでできる練習問題あります。HTMLHTMLの基礎的なタグを使って、どのように表示されるか確認してみましょうの2回目です。今回使うタグは以下のタグ(要素)です。作業が多い為、説明が長くなっておりわかりにくかったらすいません。html、head、body、title、h1、h2、hr、p、img、a、font作業手順の概要と作成イメージは以下の通りです。メモ帳を開いてHTMLを記述する(サクラエディタを利用してもOK→サクラエディタについて)ブラウザで確認する編集作業を行う(追加指示)完成イメージ(IEでの確認イメージ)1.メモ帳を開いてHTMLを記述するメモ帳(もしくは他のテキストエディタ)を開いてHTMLを記述します。「スタートボタン」をクリック「すべてのプログラム」をクリック(またはポイント)「アクセサリ」をクリック「メモ帳」をクリックHTMLは以下のように記述して下さい。(「」は入力しません)html、head、bodyを記述しましょうタイトル(titleタグ)は「ブラウザの種類」h1には「ブラウザの種類」を設定h2には「InternetExplorer」「Firefox」「Chrome」をそれぞれ設定InternetExplorerの下には以下の文章を段落設定して記述します「Microsoft社製のブラウザソフト。略してIEとも呼ばれる。利用者が多い為、Webサイトを作成する際にはIEでの表示は確認必須!」Firefoxの下には以下の文章を段落設定して記述します「Mozillaが製作しているブラウザソフト。機能の拡張性に優れており、アドオンという追加機能を入れることによりより使いやすくカスタマイズできる。」Chromeの下には以下の文章を段落設定して記述します「google社製のブラウザソフト。シンプルに作成されており高速にWebサイトを閲覧することができる。入力ができたら保存します。メニューバーのファイルから「名前を付けて保存」をクリック保存場所(任意:下図ではマイドキュメント)を指定した後、ファイル名に「browser.html」(ドットhtmlの入力ミス注意)と入力し、「保存」をクリック※名前や拡張子を間違ってしまった場合、保存した場所へ移動し、右クリックの「名前の変更」で名前や拡張子を変更しましょう。2.ブラウザで確認する保存されたHTMLファイルをブラウザで確認します。ブラウザを起動しますbrowser.htmlを保存した場所を表示しますhtmlファイルをダブルクリックするか、ブラウザにドラッグします※編集がある場合、ブラウザはそのままにしておきましょう。今回は追加指示があります。完成イメージは以下の通りです。メモ帳を起動する(browser.htmlがメモ帳で開いている場合は3から)browser.htmlの保存されている場所を開き、メモ帳にドラッグする以下のように変更する各見出しには以下のようにfontタグで色を設定して下さい。ブラウザの種類:#316745InternetExplorer:#7de9ffFirefox:#da5225Chrome:#e02629browser.htmlと同じ場所にimgフォルダを作成し、その中にページに貼り付ける画像を保存します。各段落の最初にはimgタグで画像を貼り付けます。できればタイトルを任意で設定して下さいメニューバーの「上書き保存」をクリックするbrowser.htmlのブラウザ画面を表示し、編集前の状態の場合、キーボードの「F5」を押して更新する補足:貼り付け用の画像は下の画像を右クリックして、「名前を付けて画像を保存」を行ってください。(保存する名前は任意です。HTMLの基本的なルールであるタグの入れ子の説明です。HTMLではタグを利用して様々な命令...記事を読むHTMLで表を作ろう(基本編)HTMLで表(下イメージ)を作成するには、他のタグと違って複数のタグ(要素)を利用しなければなりません。僕はHTMLやCSSは基本的なルールを覚えることが重要だと考えています。タグには様々な要素があり(一般的にはタグの種類と表記)、どの箇所にどのような要素を使うかは場面によって異なります。コメントをキャンセルメールアドレスが公開されることはありません。data-url="">日本語が含まれない投稿は無視されますのでご注意ください。タグの入れ子プロフィールHTMLやCSSに関する書き方や練習問題を配信しています。配信は12:00ごろです。突っ込みや質問があれば、お問い合せやコメント下さい。