ウェブ制作に必要な言語たち

Last-modified: 2024-01-11 (木) 17:22:21

html、css、JavaScriptの基礎

html, css, JavaScriptの基礎

  • マークアップ
  • タグの概要と代表的なタグ_em, h1, a, p
  • HTMLレンダリングエンジン
  • 改行させるには_p, br
  • 入れ子構造
  • ページ内リンク_<a href>
  • 要素と属性
  • 画像を表示する_img
  • DOCTYPE宣言_<!DOCTYPE html>
  • 本文を記述する前の準備_html, head, body
  • 文字コードの宣言_<meta charset>
  • style属性について_background-color, color, border, padding, font
  • スタイルを見易く分離_セレクタとプロパティ
    • idセレクタ
    • classセレクタ
    • 型セレクタ(要素セレクタ)
    • インラインスタイル
  • styleのファイルを分離する_CSSファイルを読み込む
    • Bootstrapの利用
  • イベント_JavaScript_button, onclick, alert
  • scriptを分離して記述する_function
    • スクリプトだけで完結させる方法_イベントに関数を関連付ける
  • scriptのファイルを分離する_外部からscriptを読み込む
    • jQueryの利用
  • Tips


HTML

HTMLのタグについて

  • HTMLとは
  • コメント
  • 文字コードの指定_meta
  • テーブル_table, tbody, tr, td
  • フォームを作成する_form

HTMLのタグについて2

  • nav, footer, main, section, mark, abbr, ruby, ,time
  • 図表
  • フォーム
  • ゲージ
  • 動画と音声

CSS


JavaScript


メモ

  • バイナリファイル：専用のアプリケーションでしか開くことができない形式のファイルのこと
    • ex:Word
  • LGTM：コードレビューなどで、特に問題が見つからなかった場合に使う