HTML&CSS

スポンサーリンク
HTML&CSS

SEO対策としてHTMLのタグ設定を理解する!効果的な4つの方法

HTML記述がSEOに影響を及ぼすことをご存じですか?正しい記述方法を知っていますか?学習を始めたばかりの人は特に、表示にばかり気を取られ、W3CやGoogleが推奨しているHTMLの記述方法をあまり気にしていない人も多いはず!それほど難しくなく、すぐにでも対応できる内容なので、まとめて説明しました。
HTML&CSS

headタグ内に記述必須のタグを紹介!!SEO対策や表示にも影響する重要事項

コーディングの学習をしていて、どうしても後回しにしがちなのがheadタグ内のコード。 しかし実はとても重要な内容を記述する部分で、SEOにも影響を及ぼすものでもあるのでしっかりと覚えておきたいところです。 この記事で解決する内...
HTML&CSS

初心者が覚えておくべきhtmlタグを紹介!これだけ覚えればサイトの構造は作成できます!!

「Webデザイナーの学習をなにからはじめたらいいかわからない」「htmlってなに」そんな悩みを抱えている方に、まず初めに学ぶ必要のあるhtmlタグを説明します。これからのタグを覚えればほとんどのサイトの構造は作成することができます。
HTML&CSS

5分でわかる!CSSのfloatプロパティの使い方を仕組みから教えます!!

floatを使うと「レイアウトが崩れてしまう!」「思ったようなレイアウトにならない!」などCSSでつまづくポイントでもあるfloat。図解を使用して一から説明していますので、簡単に理解できます!!ので是非一読下さい!!
HTML&CSS

新しい横並びレイアウトのプロパティFlexboxを身につけて他のWEBデザイナーに差をつける!!

横並びレイアウトを行うCSSプロパティのフレックスボックス。今後スタンダードになるこの技術を一から丁寧に説明していきます。
レスポンシブ

脱初心者!inline-blockで行う横並びレイアウトでレスポンシブにも対応

「CSSでの横並びが上手くできない」「どこが間違っているのかわからない」と言う方に、丁寧にdisplayのinline-blockを説明した記事になっています。この記事を読めば超初心者でも横並びのレイアウトを表現することが出来ます。
HTML&CSS

現場で使える!!CSSで行う背景画像の設定方法

「背景が上手く設置できない」「スマホ画面で背景が切れてしまう」などCSSでの背景画像の設定に困っている方は、この記事を読めばどんな背景画像でもレスポンシブで対応することが可能になります。実際の現場でも使われている手法なので是非覚えて下さい!
HTML&CSS

display: inline-blockで横並びにした要素の隙間が埋まらない?

先日の仕事で、PC表示ではヘッダーに設置し、スマホでは下部に固定で横並びに設置するという内容があり、HTMLは <ul> <li>電話</li> <li>メール</li> </...
HTML&CSS

なぜに文字化け?!保存時のエンコードを確認しよう

コーディングを行っていて、実際にブラウザで表示したときに文字化けが起きてしまったことはありませんか? その一つの原因が保存時に起きていることがあります。私も実際にそれで文字化けが起きてしまい、解決するのに時間を要してしまいました。本...
スポンサーリンク
タイトルとURLをコピーしました