HTML(エイチティーエムエル) 【HTML】metaタグで他のページに自動転送させる方法
あるページを開いた時に、別のページにリダイレクトさせる方法です。
いくつか方法がありますがmeta refreshによる転送（リダイレクト）も可能です。
meta refreshによる転送（リダイレクト）方法
方...
HTML(エイチティーエムエル)
HTML(エイチティーエムエル) 
HTML(エイチティーエムエル) 【HTML】iframeのスクロールバーを非表示・無効にする
ページ内にiflameで埋め込みをすると、画面に収まらない場合はスクロールバーが表示されてしまいます・・・。こちらをCSSを使って、消してみます。
<iframe src="" width="500" height="500...
HTML(エイチティーエムエル) 【VSCode】ファイルを編集時にライブプレビューでリアルタイム反映する拡張機能｜Live Server
VSCodeで編集をしている時に「なんとかならないかな」のひとつが「HTMLを編集した時にリアルタイムでブラウザの状態を反映させる」かな、と思います。そんな時に便利な拡張機能が「Live Server（ライブサーバー）」です。
...
HTML(エイチティーエムエル) 【Visual Studio Code (VSCode)】HTMLやCSSの編集エディタに迷った時に便利なソースコードエディタ
Visual Studio Code(VSCode)
Microsoft社が開発したオープンソースのWindows、Linux、macOS上で動作するソースコードエディタです。
マイクロソフト社が作っているという点でも安心のエ...
HTML(エイチティーエムエル) 【初めてのホームページ制作入門】FTP接続でWEBサーバーにファイルをアップロードする方法｜WinSCP
HTMLファイルを公開
ホームページを世界中に公開するためには、HTMLファイルをレンタルサーバーにアップロードする必要があります。
FTP接続する
レンタルサーバー上にファイルをアップロード際に使う方法のひとつ...
HTML(エイチティーエムエル) 【HTML】古いInternet Explorerの表示をHTML5に対応させる方法｜IE=edge
meta要素にIE=edgeを追加
以下を記述することで、IEの最新のレンダリングが適用されます。
content="IE=edge"
<meta http-equiv="X-UA-Compatible" cont...
HTML(エイチティーエムエル) BracketsでHTML・CSSのインデントを超速整形！便利アドオン｜Beautify
あ、インデントが面倒だな・・・
BracketsでHTMLを書きまくっていて、「あ、インデントが面倒だな・・・」という時がありませんか？
そんな時に超役立つ拡張機能です！
まずは拡張機能の画面に移動します。
...
HTML(エイチティーエムエル) 【アメブロ】メールアドレスをクリックした時にメールソフトを起動させる方法｜HTMLタグ/リンクタグ
アメブロの記事内のメールアドレス
アメブロの記事内に記載したメールアドレスをクリックすると「メールソフト・メールアプリ」が起動するようにする方法です。
※メールアドレスを記入しただけではクリックできないような状態になっ...
HTML(エイチティーエムエル) 【CodePen（コードペン）】HTML、CSS、JSのコードをオンライン上で編集・画面の確認が出来る便利サービス！
CodePen（コードペン）
コードペン
HTML、CSS、JSのコードをオンライン上で編集・画面の確認が出来る無料のコードエディタ（オンラインエディタ）・ウェブデザイン開発の支援ツール。
WEBサイトを開くとすぐに利用...
HTML(エイチティーエムエル) オンラインHTML・CSSエディター「Thimble」が便利！！｜HTMLのコーディングならThimble
Thimble
Thimble は、HTML や CSS、JavaScript のコードをWebブラウザの上で書く・学ぶことが出来るmozilla製の無料HTML・CSSエディターです。
オンライン上にデータが保存...
HTML(エイチティーエムエル) オンライン上でHTMLやCSSの編集・確認・保存が出来る「Liveweave」が便利！
サイトを開くといきなり編集画面が表示されます。
あれこれ考えずにすぐに使えるので便利です。
このままでも便利ですが、より活用するために「アカウント登録」をしておくと便利です。
右上のLoginから...
HTML(エイチティーエムエル) WEBサイト作成で最高に使いやすいAdobeのHTMLエディタ！／Brackets
Webデザインを理解する最新のオープンソースのテキストエディタ。
Bracketsは最新のテキストエディタで、ブラウザで簡単に設計できます。
これは、Webデザイナーやフロントエンド開発者のために作られたものです。
インスト...
HTML(エイチティーエムエル) HTMLの＜! DOCTYPE＞と基本構造について
<! DOCTYPE html>
<! DOCTYPE html>
文書がHTML5で作成されたものであることを宣言する決まり文句。文書の先頭に記述します。
<!DOCTYPE html><htm...
HTML(エイチティーエムエル) 【script async(HTML5)】非同期で読み込み、読み込み終わり次第実行する
script async(HTML5)
「非同期で読み込み、読み込み終わり次第実行する」
ページのレンダリングをブロックすることなくスクリプトを実行できます。
※asyncはHTML5から加わった属性です。
これはインライン...
HTML(エイチティーエムエル) WEBサイト制作の知識・スキルを試すなら！「HTML5プロフェッショナル認定試験」を受験してみましょう｜HTML5
▶ Web資格なら「HTML5プロフェッショナル認定試験」公式サイト
HTML5やCSS3、JavaScriptなど最新の次世代Web標準言語に関する知識と技術力を認定する資格試験である。 特定非営利活動法人エルピーアイジャパンが20...
HTML(エイチティーエムエル) HTML・CSS 画像を横並びに整列させるときに参考になるサイト
divボックスを横に並べる
divボックスを作るのは簡単でした。縦に、ボックスを積み上げていくのも簡単です。ただ順番に前回のボックスを書き加えて行けばいいだけです。
<display: inline-bloc...
HTML(エイチティーエムエル) HTML・CSSを学ぶきに参考にしたいサイトまとめ２
サルワカのWebデザイン入門
サルワカのWebデザイン入門では、どの書籍よりも、またどのウェブページよりも分かりやすくオシャレなWebサイトを作るための知識を解説していきます。
タグ素材・HTMLタグであそぼう - 3Web
...
HTML(エイチティーエムエル) HTML5&CSSを学ぶ時に参考になるサイト｜HTML5&CSS入門
HTML5&CSSを学ぶ時に参考になるサイトを集めてみました。
制作や修正の際にご参考にして頂ければと思います。
レスポンシブWebデザインの基礎知識
「レスポンシブWebデザインとは？」とい...