マガジンのカバー画像

プログラミング

47
運営しているクリエイター

#HTML

【Javascript】HTML文書にJavascriptを埋め込んでみよう。

きぃです。今回のNoteを読むと、以下のことをマスターできます。

・HTMLにJavascriptの読み込む
・HTMLにJavascriptのファイルを読み込む

あと

シングル・ダブルクォーテーションの違い

がわかるようになります。

htmlのファイルにjavascript を埋め込もうでは、JavascriptをHTMLに取り込むにはどうすればよいのでしょうか?
それは

<scri

もっとみる

レイアウトをさらに豊かに?ヘッダーとフッターetc.

前回のNoteでは、HTMLの構造を学びました。

今回は<body>タグ内で使えるタグを

さらに掘り下げて紹介したいと思います。

一番上はヘッダー。一番下はフッター。Wordにもヘッダーもフッターもあるように、HTMLにも

「ヘッダーとフッター」

があります。
そもそも、ヘッダー・フッターとはどういう位置を指すのでしょうか?

実は、

header:一番上に挿入されるタグ。導入的なコン

もっとみる

ホップ、ステップ、ジャンプ!?HTMLでいろいろデコレーションしてみよう。

前回のNoteでは、HTML言語の構造を説明しました。
HTMLでは

・文字を強調したり
・箇条書き
・表
・リンクを貼る

などできます。今回は

・文字を強調。
・箇条書き。
・表。
・リンクを貼る。

を説明したいと思います。

ある文字にデコレーションをつけたいときはどうすればいいの?装飾をつけるタグはいろいろあります。

<strong>:<strong>〜</strong>で囲んだ部

もっとみる

HTMLの構造を知ろう

みなさん、こんにちは。きぃです。
前回のNoteでは、

・1つ1つのタグの構造
・<h1>タグ

などを

文字で囲むと

「文字の大きさなどが変化する」

ことをお伝えしました。
今回では、

HTMLの構造

を説明していきます。

HTMLの構造を学ぼう
まず最初にやることは、

<!DOCTYPE html>

と書くことです。

<!DOCTYPE html>

と書くことにより、

もっとみる

HTMLがホームページの骨格を決める

みなさん、こんにちは。きぃです。
HTMLは

ホームページの骨格を決める

大切な言語です。
よくあるプログラミング言語とは違い、

文法に間違いがあってもそのまま動く

ことが特徴です。
HTMLは簡単そうに見えますが、HTMLを理解することで、

「ホームページ作り」

の一歩を踏み出すことができます。
それではまいりましょう。

HTMLタグの構造を学ぼうそれでは、H1タグを例にして図で説

もっとみる