外側の余白と内側の余白 margin ... 外側の余白 padding ... 内側の余白 border ... 2つの境界線 margin,padding,border共通 ...スペースで区切る 指定する値の数 指定した値が適用される場所 １つ [上下左右] ２つ [上下] [左右] ３つ [上] [左右] [下] ４…

form ショッピングサイトやアンケート等ユーザーの情報を取得する際に使用 formタグにはactionとmethodが必須 <form action="データの送り先URI" method="フォーム送信時に使用するHTTPメソッド"> 【methodの値の種類】 値 説明 post フォームのデータはボディに収めサーバーに送信 get フォームのデータは'?'をセパレーターとしてactionのURI</form>…

回転 transform: rotate(deg); rotate(r)...回転 * プラス : 時計回り * マイナス : 反時計回り rotateX(r)...横軸で回転 rotateY(r)...縦軸で回転 rotateZ(r)...直交で回転 rotate3d(x,y,z,r)...3次元で回転 移動 transform: translate(px); translate(x,y)…

要素 開始タグ～終了タグまでのこと <h1> 要素の内容 </h1> 属性 要素になにかしらの設定をすることができる 属性という名前を作ることでその部分だけデザインを変えたりできる <要素名 属性="属性値"> id HTML内でid属性に同じ名前をつける事はできない。 半角英数字…

CSS HTMLの見栄えを変えることができる言語 まずHTMLでCSSファイルを読み込む HTMLの\タグ内にlink:cssと入力しTabキーを押下し、下記のテンプレートを使用 <link rel="stylesheet" href="style.css"> href="style.css"の"ダブルクォートの間にはCSSのファイル名を記述する。 セレクタ CSS命令を適用</link>…

ul,olタグ unordered list(アンオーダード・リスト)の略、リスト ul>li*6 と入力しTabキーでリストのテンプレートができる(数字は必要なリスト数を入力) <ul> <li>h タグ</li> <li>p タグ</li> <li>a タグ</li> <li>img タグ</li> <li>ul タグ</li> <li>table タグ</li> </ul> すると h タグ p タグ a タグ img タグ ul タグ …

プログラムを書くためのエディタ(編集ソフト)はVSCodeを使用 １．新規ファイル作成時ファイル名に .html を付ける ２．html:5 と入力しTabキーを押下するとHTMLファイルのテンプレート が自動入力される HTMLテンプレート 画像の説明 １行目→この文章はHTML…