33歳主婦プログラマーを目指す

33歳主婦がプログラマーを目指してあれこれ奮闘する日記です

HTML

HTML 勉強まとめ

さて、ロードマップ通りに3月から勉強を進めてきましたが、ようやくHTMLの基礎を学び終わりました。我ながら時間かかりすぎては????と思いますが、あれこれしながら自分のペースで勉強してきたため、挫折せず続けてきたことだけ評価していただければと思…

ボタンと送信について

本日の教材動画はこちら 最後に今まで習ったフォーム関連の仕上げともいえる、送信ボタンについてです。 <ボタン>の種類について まずボタンには下記の2タイプ(2タグ)が存在します。 【 inputタグ / type="submit" 】 入力したデータを送信するときに押…

フォームのグルーピングについて

本日の教材動画はこちら 今日はフォームのグルーピングについての勉強です!グルーピングには主に<fildset>と<legend>を組み合わせて使い、より便利に使うために<label>タグを使うことができます。 <fildset>タグ 複数の入力欄をまとめるのに使用す…

ドロップダウンメニューについて

本日の教材動画はこちら 前回選択式入力のタイプについて勉強しました。「1つしか選択できないタイプ」にはラジオボタンとドロップダウンメニューがあることを学び、ラジオボタンの使い方を習いましたが、今回は前回説明されなかった「ドロップダウンメニュ…

ラジオボタンとチェックボックスについて

本日の教材動画はこちら 選択式入力のタイプについて 選択式の入力タイプには下記の二つがある ・1つしか選択ができないタイプ (ラジオボタン / ドロップダウンメニュー ) ・複数選択ができるタイプ (チェックボックス) <ラジオボタン>について 用意さ…

テキスト入力欄の種類について

本日の教材動画はこちら テキスト入力のタイプについて テキスト入力には下記の3タイプがある ・1行タイプ ( inputタグ / type"text" ) ・パスワードタイプ ( inputタグ / type"passeord" ) ・複数行入力できるタイプ ( textareaタグ ) <1行タイプ>…

表のヘッダーとフッターについて

本日の教材動画はこちら 表(テーブル)タグについては前回勉強しましたが、今回はそこに追加できる要素としてテーブルのヘッダーとフッター、それとボディタグについて勉強します。 ヘッダーとボディについてはなんとなくわかるんですが、フッターってなん…

テーブルについて

本日の教材動画はこちら <テーブル>について テーブルは、「行」と「セル」でできた表の事。一番馴染みがありそうなのはExcelですかね?Excelの表をプログラムの力で表現するのがテーブルである。 昔HPを自作してた頃はテーブルに頼りまくったデザインをし…

コメントについて

本日の教材動画はこちら <コメント>について コメントとは、「あとで読み返すときに内容を分かりやすくするための、“プログラムではない”表記のこと。注釈みたいな扱いでいいのかな?プログラムではないため、ページ内への実行や反映はされません。 コメン…

インラインフレームについて

本日の教材動画はこちら 今回の内容はインラインフレーム、略してiframeについて。インラインフレームは、特定のファイルをページの一部として表示させる機能を持つ。 <iframe>タグ 使い方は<ifame></iframe>で、タグ内に下記の属性をつけ足していって…

ファイルの読み込みについて

本日の教材動画はこちら 今回はファイルの読み込みについて勉強。しかしあくまで概念のみで中身については今後?勉強するようだ。一先ず本日の動画から吸収できた内容を下記にメモしておきます。 <link>タグ 単独タグ。主にCSSやスタイルシート、Favicom(…

画像について

本日の教材動画はこちら 前回の記事で一瞬だけimgタグについて触れましたが、今回はそのimgタグの使い方を勉強しました。一通り見ましたがこのタグは昔から使い方が変わってないみたいで個人的に謎の安心感があります。 あと内容にあまり関係ありませんが、…

相対パスと絶対パスについて

本日の教材動画はこちら そもそもパスってなんぞ?って話ですが、パス=道という意味で、ネット上だと「ファイルまでの行き方」として使われる。ようはファイルの住所ですね!どこかへリンクを貼る際は、必ず下記のどちらかを使う形になります。 <相対パス…

アンカータグについて

本日の教材動画はこちら <アンカー>タグ アンカータグとは名の通り錨で、ネット上だとひっかける先になる。簡単に言うとリンク先ですね!タグは<a></a>。これだけだと機能しないので、以下の属性2つとセットにして使用する。 <href>属性 外部サイト…

定義リストについて

本日の教材動画はこちら <dl>タグ 項目と内容がセットであることを表すタグ。使い方はセットにしたい内容を<dl></dl>で囲む。後述する<dt>と<dd>タグを中に入れて使う。セットってなんぞ?って思ったが、「質問」と「その答え」など、項目→その内…

リスト項目について

本日の教材動画はこちら <ol>タグ 順番が関わる、番号ありのリスト。使い方は<ol></ol>。内側に後ほど記載する<li>タグをいれることで機能するようになる。olタグでリストを作ると、リストの数を数えて自動的に 1. 2. 3. とリストに順番をつけてくれ…

コード・改行・プリフォーマットについて

本日の教材動画はこちら <code>タグ 使い方は<code></code>。囲った部分はコードですよ~と教えてくれるタグ。囲うちょっと若干見た目が変わる(私のブラウザでは斜体になった) <br>タグ 前々から当然のように使っており前回少しだけ触れましたが、…

略語、名前の特記、住所の表現について

本日の教材動画はこちら <abbr>タグ 「ここは略語ですよ~」ということを知らせるタグ。使い方は<addr></addr>。ただこれだけでは見た目上何も変化が起きないため、後述するタグとセットで使う。 <title>属性について <abbr>タグだけでは何も起き…

引用について

本日の教材動画はこちらとなります。 <blockquote>タグ ブロックごと引用するタグ。使い方は<blockquote></blockquote>。タグで囲むと囲んだ文章が一段字下がりする。 <q>タグ 一部を引用するためのタグ。使い方は<q></q>。タグで囲むと囲まれた…

強調と重要性、区切りについて

本日の教材動画はこちら。 <em>タグ 文字を強調する。強調すると斜体になるが、「斜体にしたいからemタグを使う」のではなく、「強調した結果斜体で表示される」という認識が正しいとのこと。使い方は<em></em>。 <strong>タグ 文字を太字にする。こ…

見出し・段落について

コロナ騒動でバタバタしてたらなんだか久しぶりな日記になってしまった。世界中コロナパニックが起きていますが私は今日も元気です。期間は空いちゃいましたが今日も元気に勉強していこうと思います。 今回使った教材動画はこちら 33歳主婦、HTMLの基礎タグ…

よく使われるタグについて学ぶ

本日使った教材動画はこちら さっそく見慣れないタグが一つあり不安を覚える主婦。 33歳主婦、HTMLの基礎タグを学びなおす <meta>タグ 文章の情報を伝えるために使われる。初めて見た。書き方は<meta charser="UTF-8">。UTF-8…お前だけはなんか見覚え…

HTMLについて1から勉強しなおしてみる

さて、早速前回記載したロードマップに沿って勉強を始めてます。 本日使ったのは下記動画。1-1と1-2はHTMLのなんたるかのお話なのでここでは飛ばします。気になる人は見に行ってみてね。とりあえず拡張子を.htmlで保存するという部分は流石に変わってないよ…