HTML– tag –
-
htmlのbuttonをcssだけでおしゃれなデザインにするおすすめページ
僕はデザインの勉強をしようと思ったことも一瞬だけあったのですが、センスが無いからすぐ諦めました(笑)もはやWEBページ全体やHTMLのボタンなどパーツのデザインは世の中にたくさんテンプレートがあるので、それらを活用してなんとかなっています。 ... -
HTMLのテキストやブロック要素を右寄せにするCSSの書き方
HTMLは基本左寄せなので、左寄せに関しては問題ないです。しかし、右寄せは自分でCSSを作成しないと右寄せになりません。それもテキストなどのインライン要素とブロック要素では方法が異なります。【HTML基本サンプル】先にHTMLのサンプルを用意しました。... -
[HTML+CSS]display:none;でスマホの場合だけ非表示にする方法
最近は、PCで表示した場合とスマホで表示した場合で、表示の仕方を変える場合がほとんどだと思います。そしてその実現手段としてCSSで画面幅ごとに対応していく場合があります。 例えばPCではヘッダー部にメニューを設置しているが、スマホではハンバ... -
jQueryでHTML要素の属性(プロパティ)を取得・追加・削除する方法
jQueryを使ってHTMLの属性を操作する方法です。HTML属性は画像を表示させるタグ <img> の画像を指定する src などのことをさします。id や class も属性です。プロパティとも呼ばれます。（僕はプロパティのほうが馴染むのでプロパティと呼びます。... -
jQueryでHTMLやテキストを変更・削除する方法
今回はHTML要素内の子HTML要素やテキストを操作する方法です。動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。【タグ内のテキストを取得・変更する】HTMLは下のようなメッセージがあるとします。<p id="idname">本日は晴れ... -
HTMLのINPUTタグの種類を、お問い合わせフォームで解説
HTMLはWEBサイトを作成していると必要になるのがINPUT項目です。INPUTとは名前や電話番号、お問い合わせ内容などを入力するためのフォームを作るタグです。これを使えれば、HPにお問い合わせフォームなどを設置してお客様とコンタクトを取ったり出来ます。... -
HTMLのテーブルを使いメニュー表などを作成し見やすくする
HTMLにはテーブルというものがあります。テーブルを使うとメニュー表などの表で作成するものが簡単に綺麗に整理して表示することが出来ます。これを使うことにより、サイトが見やすくなりSEOや成約で有利になります。【テーブルとは】テーブルとは、上の画... -
HTMLに画像と文章を挿入(マークアップ)する
前回の記事でHTMLの基本構成について説明しました。今回はHTMLに文章と画像を挿入してみます。サンプルHTMLを作成しましたのでそちらをベースに解説します。【HTML5雛形に画像と文章をマークアップ】<!doctype html><html lang="ja"> <hea... -
htmlのbuttonで画面遷移する方法
例えば、下の画像のように、一連のフォームに対しボタンが複数あるとします。戻るボタンは、入力した内容は関係なしに前の画面や指定したページに戻るためのボタンですが、登録や一時保存はサブミットされるはずです。しかし、formタグのactionには１つのU...
1