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