Go to blog

あそぶろぐ

CSSを使わずにHTMLタグでのSite作り練習を行います。


headingの使い方から

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading six

paragraphの使用例

 pragraphは段落という意味、この中に記事を書き込めば良い
適当な文字数で改行の<br>を入れて改行すると見やすい。
 今日の出来事や、思った事。なんでも良いので書き留めることが重要
記憶は書き留めることによって、目からも吸収することができる
 例えば新型肺炎に対して、学校を3月2日から春休みまで休校にする
びっくりする内容ではあるが、本当に実行される、まるで映画のようだ。

 pragraphは段落という意味、この中に記事を書き込めば良い
適当な文字数で改行の<br>を入れて改行すると見やすい。
 今日の出来事や、思った事。なんでも良いので書き留めることが重要
記憶は書き留めることによって、目からも吸収することができる
 例えば新型肺炎に対して、学校を3月2日から春休みまで休校にする
びっくりする内容ではあるが、本当に実行される、まるで映画のようだ。

ちょこっとグーグルを見てみよう

Listsを見てみます。

アンオーダーリスト

オーダーリスト

  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4

次はテーブルです。

Name Email Age
yasubay mail@kokoroyasuku.com 18
makoro mail.makoro@kokoroyasuku.com 8
nanai mail.nanai@kokoroyasuku.com 6



フォームを作っていきます

placeholderを使ったところ








疑問が一つ、インプットした情報を受け取る手段

ここからはドットインストールの講座です







お使いのスマホ(複数選択可)
一番好きなスマホ


ボタンを作っていきます

Imageを貼り付けて行きます

くつろぎイメージ

引用するときの書き方

ここに引用した文章を記入
いったいどんな表示になるか楽しみ。
やっぱり改行のタグは必要でした。

The WWW is awesome

HTMLcourse by Brad Travers


HTMLには表示の意図を明確にするため以下のタグがあります

<header></header>
<footer></footer>
<aside></aside>
<main></main>
<article></article>
<nav></nav>
<section></section>
<details></details>

新しいページで表示したから
下のボタンを押してね

あそぶろぐに戻る