フロントエンド開発を学び始める

最高のインプットはアウトプットになると言われていますので、私が学んだことをお話しますので聞いてください。

フロントエンドを始めることを学ぶとき、HTML+CSS+JS を学ぶ必要があると言われます。ググってみたら、htmlとはHyperText Markup Language（英語：HyperText Markup Language、略称：HTML）のことだと分かりました。マークアップ言語とは、これがプログラミング言語ではなく、タイトルをタイトルとして、段落を段落としてマークするために使用される言語であることを意味します。これにより、ブラウザはテキストが何であるかを認識し、より適切な形式で表示できるようになります。言い換えれば、HTML+CSS のみを使用して Web ページを作成する場合、Web ページ上のさまざまな特殊効果や形式は作成したものではなく、ユーザーが選択したものになります。

次に、通常の HTML ファイルの内容を見てみましょう。

リーリー

このマークアップ言語でテキストをマークする方法は非常に簡単です。

タグ付きコンテンツ

これらはペアで表示され、後ろの「ラベル」は前者より「/」が 1 つ多くなります

など、ペアで表示されない別のタイプのタグもあります

上記のHTML文書の内容を上から順に説明していきます。

1. これは HTML5 Web ページであることをブラウザーに伝えるために使用されていた歴史的な問題。これは、古いバージョンの html が存在し、古いバージョンで何かを定義する必要があることを意味します。でも心配しないでください。おそらく今後は になります。

2.html は、これが head タグと body タグを含む HTML ドキュメントであることをブラウザーに伝えます

3.headとbodyはWebページのさまざまな情報と設定を保存するために使用され、bodyはWebページのコンテンツを保存するために使用されます

4.head title Webページのタイトルは、Webページを開いた後にブラウザのWebページラベルに表示されるテキストです

リンクはCSSスタイルシートを参照するために使用されます。いわゆるスタイルシートとは、ブラウザのデフォルトのスタイルがあまりにも醜いと思われる場合に、自分でスタイルを設定できることを意味します

。

スタイル CSSスタイルシートの内容をHTMLドキュメント内に配置することもできます

スクリプトはJSファイルを参照し、内容はHTMLドキュメントでも記述できます

メタ、ベースなどのタグもいくつかあります。いずれにせよ、head にあるものは Web ページのコンテンツではなく、Web ページを設定するために使用されます

5.本文段落

H1タイトルとh2 h3 h4 h5フォントが徐々に小さくなります

最初は何もかもが大変で、やっと最初の記事を書き始めましたが、ちょっとめんどくさかったです（笑）。