100文字でわかる百科事典『100文字百科』

プログラム

スポンサーリンク
CSS

cssでマウスオン時にリンク画像のみ半透明にする方法

cssに以下内容を書き込めばマウスオン時にリンク画像のみ半透明になります。 a:hover img{opacity:0.7;filter:alpha(opacity=80);} 参考サイト
CSS

【CSS】font-family(フォントファミリー)を書く時のルール

フォントは「,」で区切る前方に書いたフォントから優先される英語フォントを前方に書く間に半角スペースの入るフォント名は「’」ではさむ最後に総称フォントファミリー名を書く フォントを一括指定できる便利なサイト 参考...
HTML

違い【絶対パス】階層の1番上から目的のファイルまでのルート。【相対パス】階層の現在位置から目的のファイルまでのルート(相対パスメリット:ネットを経由しないのでローカルで改修テストができる。ドメイン変更の影響を受けない)

【絶対パスの記述方法】「http」または「https」で始まる。【相対パスの記述方法】同階層:「./ファイル」、「ファイル」1つ上の階層:「../ファイル」1つ下の階層:「フォルダ名/ファイル」 参考サイト ...
スポンサーリンク
HTML

【HTML】別タブで開く「target=”_blank”」には脆弱性あり。対策として「rel=”noreferrer noopener”」を入れよう

「target="_blank"」にはリンク先の管理者が、リンク元のURLを書き換えられるという脆弱性がある。別タブで開きたい時は、以下内容をコピペして活用しましょう。 「target="_blank" rel="noreferre...
100文字以上

よく使う「HTMLタグ、CSS」一覧。コピペしてサイト制作に役立てよう

普段は100文字以内で様々なことを解説している「100文字百科」ですが、今回は特別に100文字以上の大ボリュームで、よく使う「HTMLタグ、CSS」一覧を作りました。あのタグなんだったっけという時にコピペしてお使いください。※青文字は自由...
Python

Python(パイソン)を環境構築なしで3秒で始める方法

Google ColaboratoryというサイトでPythonを使用できます。メニューから「ファイル→ノートブックを新規作成」で早速始めましょう。 参考サイト
JavaScript

HP画像をジャバスクリプトを使って、自動的にふわっと切り替える方法

<head>内に下記ソースを挿入。 <style type="text/css">#photo { width: 500px; height: 300px; margin: 0 auto; text-...
HTML

HTML、CSS、ジャバスクリプトの違いを人間でわかりやすく例える

HTMLは文字や配置などの基礎部分。人間で言うと顔。CSSは文字の大きさや色など見た目。人間で言うと化粧。JavaScriptは物の移動やスライドショーなど動き。人間で言うと表情。 参考サイト
HTML

HTMLでバナー広告を中央配置する方法

以下のように<div>で広告コードを囲むだけでOK。 <div style="text-align:center">広告コード</div>引用: 参考サイト ...
HTML

HTMLの基本。よく使うタグ一覧

<h1~6> 見出し<p> 段落<br> 改行<a href=""> リンク (target="_blank")追加で別タブで開く<div> グループ化(ブロック)<spa...
スポンサーリンク
タイトルとURLをコピーしました