画像の検証_01

画像を入れるタグ
<img src="001.HTML5/img/landscape001.JPG" alt="〇〇" title="〇〇" width="〇〇〇" height="〇〇〇">

サイズは、4000 x 2000　容量　1.1MB

サイズは、1280 x 640　容量　165.6KB

サイズは、1024 x 511　容量　123.9KB

サイズは、800 x 400　容量　82.8KB

サイズは、640 x 320　容量　57.8KB

サイズは、400 x 200　容量　28.1KB

サイズは、320 x 160　容量　19.8KB

サイズは、160 x 80　容量　6.8KB

サイズは、4000 x 2000　容量　1.1MB width="384" height="128" 画像の表示サイズを変更する

ＦＦＦＴＰの初期設定

　初めてするときは、初期設定からします。まずは、新規ホストをクリック。　ホストの設定は、ホスト名・ユーザー名・パスワードを入力してＯＫをクリック。

UpDate FFFTPを使う

　手元で作ったWebサイトのファイルを、サーバーにＵＰするためのソフト。ＦＴＰ専用のファイル転送ソフトが必要となる。それをするためのソフトとして、ＦＦＦＴＰを利用することにした。

ＦＴＰ専用ファイル転送ソフトは、代表的な３種類がある。

WinSCP
FileZilla
FFFTP

FTP Soft	初版	サイズ	暗号化	マスターパスワード
WinSCP	2000年	～7MB	AES	可
FileZilla	2001年	？	？	？
FFFTP	1997年	？	？	可

とりあえず、ＦＦＦＴＰを使っていくことにしました。

箇条書きをする

単純な箇条書き

<ul>
<li>WinSCP</li>
<li>FileZilla</li>
<li>FFFTP</li>
</ul>

WinSCP
FileZilla
FFFTP

番号付き箇条書き

<ol>
<li>WinSCP</li>
<li>FileZilla</li>
<li>FFFTP</li>
</ol>

WinSCP
FileZilla
FFFTP

表を作る

<table border="1">
<tr><th>①</th><th>②</th><th>③</th><th>④</th><th>⑤</th></tr>
<tr><td>⑥</td><td>⑦</td><td>⑧</td><td>⑨</td><td>⑩</td></tr>
<tr><td>あ</td><td>い</td><td>う</td><td>え</td><td>お</td></tr>
</table>

①	②	③	④	⑤
⑥	⑦	⑧	⑨	⑩
あ	い	う	え	お

《サンプル》
001.002_hyou

壁紙を貼る

壁紙に貼りたい画像を用意する。
img というフォルダーの中に back.png で入れておく。

<body>
を下記のように書き換える
<body background="img/back.png">

今見ているページのように壁紙が貼れる。

打ったまま表示する

<article>
<hr>
<h1></h1>

<hr>
</article>

をベースに作っていく。

＜pre＞タグは、半角スペースや改行をそのまま表示する際に使用します。

ただし、<pre>～</pre>の中でもタグは解釈されるため、 HTMLソースをそのまま表示したい場合には、< と > を、＆lt; と＆gt; に置き換える必要があります。また、HTML構文の中では、＜pre＞の開始タグの直後の改行は取り除かれるので注意してください。

新しい要素

＜!DOCTYPE html＞
＜html lang="ja"＞
＜head＞
＜meta charset="UTF-8"＞
＜title＞HTML5によるマークアップのサンプル＜/title＞
＜/head＞
＜body＞

＜!-- ヘッダ --＞
＜header＞
＜h1＞目次＜/h1＞
＜nav＞
＜ul＞
＜li＞＜a href="../index.html"＞トップページ＜/a＞＜/li＞
＜li＞＜a href="../koumoku1/"＞項目１＜/a＞＜/li＞
＜li＞＜a href="../koumoku2/"＞項目２＜/a＞＜/li＞
＜li＞＜a href="../sitemap/"＞サイトマップ＜/a＞＜/li＞
＜/ul＞
＜/nav＞
＜/header＞

＜!-- メインコンテンツ --＞
＜article＞
＜h2＞タイトル２＜/h2＞
＜p＞段落として作成　タイトル２とタイトル３で記事＜/p＞

＜h3＞タイトル３＜/h3＞
＜p＞段落として作成＜/p＞
＜/article＞

＜!-- フッタ --＞
＜footer＞
Copyright 2019
＜/footer＞

＜/body＞
＜/html＞

《サンプル》
001.001_newyouso

＜header＞タグは、イントロダクションやナビゲーショングループであることを示す際に使用します。

＜article＞タグは、内容が単体で完結するセクションであることを示す際に使用します。

＜footer＞タグは、直近のセクションのフッタであることを示す際に使用します。

HTML5の基礎

基本的な形は、下記のようになる。

＜!DOCTYPE html＞
＜html lang="ja"＞
＜head＞
＜meta charset="utf-8"＞
＜title＞ページタイトル＜/title＞
＜/head＞
＜body＞

コンテンツ

＜/body＞
＜/html＞