このHTMLクイックリファレンスのチートシートには、一般的なHTMLタグとHTML5タグが読みやすいレイアウトで一覧表示されています。このシートには、HTML5タグ、リスト、フォーム、表、および一般的に使用されるいくつかの使い慣れた情報が含まれています。非常に優れたメモです。 The ultimate HTML cheatsheet
https://webdesign-trends.net/entry/8148 【HTML】 ・<!DOCTYPE html>はHTMLのバージョンを宣言するためのもので必ず記述し、 基本はこのバージョンでいける ・全体構造は 内→ページに関する情報 内→実際に表示したい内容を書く 【HTMLのhead】 ・内の内容はWebページには表示されない ・基本構文は ページのタイトル meta→文字コード title→プラウザのタブ状に表示されるタイトルを指定 xxxx→読み込むCSSのファイル名、フォルダ名がある場合フォルダ名/ファイル名を記入 【HTMLのbody】 ・コメントは<!--テキスト -->で、プラウザには表示されない ・bodyの中にheader、footerがある ・→見出し h1から6になるに連れて小さな見出し ・→段落(見出し以外) ・〈br〉→改行マーク ・→箇条書き それらをで囲むと、先頭に黒点 要素で囲むと、数字が連番でつく ・→クラス化 とは と というタグでいける ・ → リスト内のクラス化 ulはリスト全体、liはリスト1つを対象にする ・→囲まれたテキストなどがリンクになる、url部分にリンク先のURLを指定する ファイル名の時は"なしでファイル名を入力 ・→画像のリンク ・遷移先の初めの<>内にid＝〇〇&リンク元→ 同一ページに遷移 ・→画像の表示、終了タグ要らない ・ →1行のテキスト受け取り、終了タグいらない →複数行テキスト受け取り、終了タグいる →送信ボタンの作成 でvalueに指定したテキストを表示 【CSS】 ・基本構文 どこの{ 何を：どうする； } 何をはプロパティ 何をがクラス名の場合、「.クラス名」 ・HTML上、CSS上「span{…」 →文中の一部の文字の変更、改行もされない ・「/コメント/」→コメント ・「color: 文字色コード;」→文字色 ・「font-size: px;」→文字の大きさ ・「font-family: “フォント名";」→文字の種類 ・「background-color:カラーコード;」→背景色 ・「width: px;」→横幅 「height: px;」→高さ pxを%にすると、画面に大きさ対応の表示 ・「border-radius:％;」 →画像や動画を丸くする、％以外にも様々にできる ・「list-style:none;」→リストの先頭マークを消す ・「border: px 種類 色」→囲み border-top、border-bottomなどでアンダーラインやそのほかのラインに対応 ・「text align: center」→文字の配置 ・「display:flex； justify-contents:space-between；」 →親要素に対して子要素が縦並びから横並びになる ・「padding: px;」 →border内の上下左右の余白、上から時計回りに指定 padding-topなどでそれぞれカスタマイズ可能 「padding: px px;」は上下、左右の順に適用される ・「margin:px;」 →border外の余白、margin 0 autoで上下左右に中心に ・「.クラス名 {position: relative;/相対配置/ }」 「.クラス名 文字の記号 { position: absolute; color: top: 0; left: 0; }」 → 画像内に文字を挿入 ・「.クラス{ transition-duration: 0.5s; }」 「.クラス:hover{ box-shadow: 10px 10px 10px rgba(0,0,0,0.5); transform: translateY(-10px); transition-duration: 0.5s; }」→ 画像を浮かせる ・divを変更するとき 「jutify-content:align center;」 「align-items:center;」 でdive全体でそうしてくれる (・箇条書きを横に並べたい時は「flex-direction:row」 rowをcolumやrow-reverseに書き換えることも可能) (・ものの配置は「float:left;」「float:right;」など)
引数 プログラムや関数に渡す値 関数 何かを入れると何かを計算して何かを返してくれるプログラムの部品 入力を受けて処理を行い出力する 戻り値 関数によって出力された値 実例 日本語から英語に翻訳する関数 引数 関数 りんごーーー→ 翻訳機 apple←ーーーー 戻り値
