HTMLを学ぶには、どんな方法がありますか？どんな学習リソースが役に立ちますか？この記事では、初心者におすすめのHTMLの学習方法と学習リソースを紹介します。 HTMLの学習方法 書籍 オンラインサービス プログラミングスクール HTMLの学習リソース 公式ド…

Pugは、HTMLの拡張言語です。pug-cliを使って、Pugを試します。Pugはそのままではブラウザに表示されません。HTMLに変換する必要があります。 インストール 準備 DOCTYPE宣言 基本 テキストを複数行記述する場合 リストタグの書き方 IDとCLASS タグを省略し…

他のサイトと同様、当ブログでもHTMLの入門記事を書いています。しかし、網羅的に書いているわけではありません。そのような解説サイトは他にいくらでもあります。詳細な説明はそちらに譲ります。当ブログでは、知っておきたい基礎知識やつまずきそうなとこ…

ウェブサイトを作りたいとなったら、始めにHTMLを勉強すると思います。そして、勉強の過程でCSSとJavaScriptの存在を知ると思います。今回は、ウェブサイトを作るときに関係するHTML、CSS、JavaScriptの役割について書きます。 HTMLの役割:文書の構造化 CSS…

HTML入門(引用タグの使い方) 引用タグの基本的な使い方について書きます。引用文と引用元のセットで書きます。引用するときに法律の面で注意点がありますが、専門外なのでその点に関しては触れません。詳しくは他のサイトを参考にしてください。 blockquote…

個人がウェブサイトを制作して、それを公開するときの手順について書きました。 データを作る レンタルサーバを用意する 無料サーバ 有料サーバ ドメインを取得する FTPでファイルをサーバにアップロードする ブラウザで確認する まとめ データを作る HTML、…

ul,liタグの基本的な使い方についてまとめます。ul,liタグの記述例と利用例をご紹介します。 順不同リスト 表示例 カレーの材料 順序リスト 表示例 カレーの作り方 リストの入れ子表現 表示例 はてなブログ グループのカテゴリ 定義リスト 表示例 ul,liタグ…

Webサイトのページのレイアウトについて書いています。レスポンシブデザインについては、取り上げていません。 よくあるレイアウト 1カラム 2カラム 3カラム レイアウトの基本的な考え方 レイアウトは自由 よくあるレイアウト サイトのレイアウトでシングル…

もし、ウェブサイトの制作をどこかに依頼する(された)場合、ページを構成する部品の名称を知っているとスムーズにやり取りすることができるはずです。依頼者と制作者の意思疎通が円滑になり、無用なやり取りを防ぐことが期待できます。 ウェブサイトの1ペー…

aタグの基本的な使い方についてまとめます。 aタグの使い方 別タブで開く ページ内リンク リンクが飛ばない原因 おまけ(次への>>記号の表示の仕方) aタグの使い方 aタグは、他のサイトやページにリンクしたいときに使います。 <a href="https://www.google.com/">Googleのサイトへ移動</a> href属…

HTMLのコメントについてまとめました。コメントの書き方、注意点、役割、コメントに関しての追加情報も書いています。 コメントの書き方 1行コメントの書き方 複数行コメントの書き方 注意点 入れ子にできない 実際の表示 コメント宣言の詳細 コメントの役割…

HTML入門の記事です。HTMLタグのよくある誤った使い方について書きました。

HTML入門の記事です。HTMLでつまずくところについて書きました。画像ファイルのパスについてでは、図を用いて説明しています。

HTML入門の記事です。headタグ内でよく使うタグについて書きました。

HTML入門の記事です。bodyタグ内でよく使うタグについて書きました。

HTMLの入門です。ファイルの作成から表示の確認までを書きました。

HTMLの入門記事です。HTMLの基本構造、ツリー構造について書いています。

HTMLをこれから勉強する入門者向けの記事です。「HTMLとは」から始まります。