HTMLとCSSの基本 margin: 0 auto;で中央揃えする方法
大切なのは「要素の幅」と「余ったスペース」Webサイトを作っていると、次のように要素を中央に配置したい場面がよくあります。.box { width: 600px; margin: 0 auto;}ここで使われているのが、次の指定です。mar...
HTMLとCSSの基本
HTMLとCSSの基本 
HTMLとCSSの基本 【保存版】Webデザイナー未経験でも失敗しない！定番jQueryプラグイン「Slick」「Lity」の導入手順と完全実装コード
「ポートフォリオを作っているけれど、なんだか動きがなくて素人っぽい」 「JavaScriptのコードを見ても、どこをどう触れば動くのかさっぱりわからない」Webデザインの勉強を始めたばかりのころ、誰もが一度はこの壁にぶつかります。特にコーデ...
HTMLとCSSの基本 タグ辞典③ フォーム関連のタグ
フォーム関連タグHTMLフォームには、ユーザーからデータを入力して送信するためのさまざまなタグが用意されています。以下は、フォームに関連する主要なタグと、特に重要な <input> タグの各タイプの詳細です。<form> 概要: フォーム全...
HTMLとCSSの基本 タグ辞典② サイト構造を表すセマンティックタグ
サイト構造を表すセマンティックタグHTML5では、ページ内の役割を表すための「セマンティックタグ」が導入され、Webページの構造を明確にするために使われます。これにより、コードが読みやすくなるだけでなく、検索エンジンや支援技術（スクリーンリ...
HTMLとCSSの基本 タグ辞典① 基本のタグ
タグの基本を理解しよう！タグはこんな感じで書きます。<h1>こんにちは世界</h1>仕組みを図解すると以下のとおりです。「h1」の部分がタグの種類です。h1の他に「p」「img」「a」などがあります。タグで囲むことにより「ここは”h1”とい...