HTML– tag –
-
HTMLのimgタグ完全ガイド｜初心者が迷わない使い方を解説
この記事は、HTMLを学び始めた初心者の方はもちろん、なんとなくimgタグを使ってきた中級者の方にも向けた内容です。画像表示の「正しい基本」から、SEO・表示速度・デザイン性まで踏み込んで解説します。 読み終える頃には、単に画像を表示できるだけでな... -
【HTML】改行タグを徹底解説｜pとbrの違いがわかる入門ガイド
HTMLで文章を書いていて、 エディタでは改行されているのに、ブラウザでは1行になってしまう pタグとbrタグ、何となく使っているけど正解が分からない と感じたことはありませんか。 特にブログやWeb記事を書き始めたばかりの方ほど、改行の扱いでつまずき... -
【HTML】太字の使い方3選｜strong・b・CSSの違いを初心者向けに解説
HTMLで文字を太字にしたいけど、どのタグを使えばいいの？ strongとbって何が違うの？ そんな疑問を持ったことはありませんか？ Web制作をしていると、「この言葉を強調したい」「もっと目立たせたい」と思う場面は多々あります。 しかし、HTMLには太字に... -
HTMLのtableタグ使い方入門｜構造・CSS・デザインをプロが解説！
HTMLで表を作りたいけれど、tableタグの使い方がいまいち分からない… そんな悩みをお持ちではありませんか？ 初心者の方にとって、tableタグは一見シンプルなようでいて、構造や装飾、正しい使い方を理解するには意外とつまずきやすいポイントがたくさんあ... -
【HTML】aタグの使い方完全ガイド｜初心者向けに徹底解説！
リンクの貼り方がいまいち分からない… aタグって結局、どこでどう使えばいいの？ そんな悩みを感じたことはありませんか？ この記事は、HTMLを学び始めた初心者〜中級者の方に向けて、aタグの基本から応用までを体系的に解説するものです。 aタグはWebペー... -
HTMLのul・ol・liタグの正しい使い方を初心者向けに解説！
HTMLでリストを作るとき、ulとolのどっちを使えばいいの？ リストタグの入れ子ってどう書くのが正解なんだろう… Web制作を始めたばかりの方や、コーディングを効率化したい現役制作者の中には、こんな疑問やモヤモヤを感じたことがあるのではないでしょう... -
HTMLのspanタグとは？初心者向けに徹底解説!
HTMLのspanタグって、何となく使ってるけど、実はよくわかってないかも… そんな風に感じたことはありませんか？ Web制作を学び始めた方や、普段からコーディングをしているけれどタグの使い分けに自信がない方にとって、spanタグは意外と説明しにくい存在... -
HTML初心者のための書き方ガイド｜基本構造と必須タグ10選
Webサイトを作ってみたいと思い、「HTML」を調べてみたものの、タグや属性といった言葉が並び、「初心者には難しそう」と感じてしまうのは、ごく自然なことです。 この記事は、HTMLをこれから学び始める初心者の方、または一度学習したものの理解が曖昧な... -
フルスクリーンナビゲーションを作る。(スプリットレイアウトバージョン)
前回「フルスクリーンナビゲーションを作る。(シンプルバージョン)」という記事を書きました。 今回はスプリットレイアウトバージョンのフルスクリーンナビゲーションを作って行きたいと思います。こんな感じになりました。 サンプル スプリットレイアウト... -
フルスクリーンナビゲーションを作る。(シンプルバージョン)
先日「フルスクリーンナビゲーションの参考サイト15選」という記事を書きました。 今回は実践編をやっていこうと思います。シンプルに縦に並ぶフルスクーリーンナビゲーションを作ります。 サンプル1 全体のHTML まずは今回の全体のHTMLのコードです。 <... -
ヘッダー・ナビゲーションを固定表示させるアイデア5つ
こちらの記事の内容は古くなっています。もっと簡単にヘッダーを固定表示できる最新の記事をアップしましたので、下記のリンクよりぜひそちらをご覧ください。 スクロールしても固定表示されるヘッダーは珍しくありませんが、その方法はいくつかあります。... -
スプリットレイアウトの作り方を解説!レスポンシブにも対応！
以前「スプリットレイアウトの参考になるサイトまとめ」という記事を書きましたが、今回は実践編として実際にスプリットレイアウトのサイトを作成していきたいと思います。 サンプル 01.スプリットレイアウトとは その名のとおり画面をスプリット＝分割す...
1