-会員ページFree-HTML基礎構文-練習問題1-


View Modeで閲覧

■HTML基礎構文-練習問題1-ビデオ1
作成するWebページを確認してみましょう!

■【解説】HTML基礎構文-練習問題1-ビデオ2
必要なページ情報を記述しましょう!

■【解説】HTML基礎構文-練習問題1-ビデオ3
「画像」と「リスト」を追加しましょう1

■【解説】HTML基礎構文-練習問題1-ビデオ4
「リスト」の中に「リスト」を作成しましょう!

■【解説】HTML基礎構文-練習問題1-ビデオ5
「用語説明型リスト」を追加しましょう!

■【解説】HTML基礎構文-練習問題1-ビデオ6
「リンク」を追加しましょう!

「ブラウザ」と「エディタ」は下記のWebページからダウンロードできます。

■Google Chrome (ウェブブラウザ)
https://www.google.com/intl/ja_ALL/chrome/

■Atom (テキストエディタ)
https://atom.io/

index.html

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<title>HTML学習</title>
</head>
<body>

<img src=”logo.jpg”>

<h1>プログラミング学習のおきて</h1>

<h3>プログラミング学習のおきて</h3>
<ol>
<li>HTML</li>
<li>CSS</li>
</ol>

<h3>学習に必要なもの</h3>
<ul>
<li>ウェブブラウザ</li>
<ul>
<li>クローム</li>
<li>サファリ</li>
</ul>
<li>テキストエディタ</li>
</ul>

<h3>プログラミング言語概要</h3>
<dl>
<dt>HTML</dt>
<dd>マークアップする言語</dd>
<dt>CSS</dt>
<dd>デザインを定義する言語</dd>
</dl>

<h3>目標</h3>
<p>それぞれの言語を1ヶ月程度でマスターし、簡単なWebページを作成出来るようになる!<br>
更に動的なページ作成へと進む!

<h3>参考サイト</h3>
<p>オン・サタデーズ</p>
<a href=”https://onsaturdays.com”>https://onsaturdays.com</a>

</body>
</html>