html code span要素でtext-alignが効かない!の解決方法 特定の部分を span 要素で指定して右寄せやセンタリングしたいと思ったのに、text-align が効かない! と困っている方へ。 原因と解決方法を説明します。 span要素でtext-alignが効かない原因 text-alignはテキストの水平方向の配置(右寄せ・左寄せ・中央揃え)を指定するプ【...続きを読む】 html code
html code fontawesome:基本的な使い方とヒント~大きさ・色を変える・その他もろもろ Font Awesome ウェブアイコンの基本的な使い方をまとめました。 基本的な使い方~Font Awesome ウェブアイコンを使う準備 Font Awesome ウェブアイコンを使う方法は、CDN (Contents Delivery Network) を利用する方法とsvg (Scalabl【...続きを読む】 html codeWEBtips
html code HTML & CSS:著作権記号や円記号など特殊文字まとめ ウェブサイト制作で使う頻度が高いと思う特殊文字をまとめました。 使う可能性が高い特殊文字 記号 読み方 特殊文字 (実態参照) 特殊文字 (数値参照) 説明 & アンパサンド & & ampersand © 著作権記号 © © copyright ® 登録商標記号【...続きを読む】 html code
html code リダイレクト:301(恒久的なURL変更) 301リダイレクト 恒久的にURLを変更になる場合は、301リダイレクト設定をして旧URLへのアクセスを新URLに誘導できます。 「このURLへのアクセスは、これからずっと永遠に次のURLに飛ばしてね」という転送設定なので、次のような場合には301リダイレクトを設定しましょう。 サイトのドメインを変【...続きを読む】 html codeDesignWEB
html code fontawesome:WordPressサイトにプラグイン無しで導入する手順 Font Awesome をプラグイン無しで WordPressサイトに導入する手順を解説します。 WordPress 以外のサイトにも使えますよ。 Font Awesome アカウントを登録する Font Awesome のサイトを開いて をクリックしましょう。 最初からプロ版を登録するなら、 を【...続きを読む】 html codeDesignWEB
html code HTML & CSS:ul、ol、liタグ~htmlで箇条書き~余白・インデントの調整【初心者向け】 html の箇条書き ul (unordered list) と ol (ordered list) の基本の使い方を別記事で説明しました。 マーカーから箇条書き項目までの幅や行間など余白を調整したいという方のために、その設定方法をまとめますね。 余白の調整については、ul (unordered l【...続きを読む】 html code
html code HTML & CSS:ul、ol、liタグ基本の使い方~htmlで箇条書き【初心者向け】 htmlで箇条書きを表示する ul、ol、li タグの基本の使い方を説明します。 箇条書きを入れ子に(階層化)する方法や、リスト項目行頭のマーカーを変更したり消したりする方法、ol の順番を降順に変更する方法が理解できると思います。 htmlで箇条書きを表示する方法 ~ ulとol htmlで箇条書【...続きを読む】 html code
html code HTML & CSS:サクラエディタのダウンロードとインストール手順 サクラエディタとは サクラエディタは日本製のWindows用テキストエディタで、フリーウェアとして配布されています。 フリーウェア(無料)なのに機能性が高く、htmlやcssはもちろんのこと、プログラミングにも使える優れモノ。 Webデザイナー志望者向けスクールとかでも高機能テキストエディタのひとつ【...続きを読む】 html code