HOME > HTML基礎知識
HTML基礎知識　|　​HTML〈タグ〉についての基礎知識　|　スタイル基礎知識　|　CSS基礎知識

| YouTube【学びBAR】チャンネル

HTML〈タグ〉についての基礎知識

■就職･転職に有利になるHTML,CSSの基礎を3時間で学んで加速度的に編集できるようになるオンラインプログラム

| YouTube【学びBAR】チャンネル

■就職･転職に有利になるHTML,CSSの基礎を3時間で学んで加速度的に編集できるようになるオンラインプログラム
00. Section00-1/3：message
メッセージ
講師：NAKA-Gから
これからの社会で、就職や転職に有利になるHTML,CSSについて、編集できる基礎的な知識を3時間で学べる講座を開始しました。
講座では、まずHTMLの書類を作成するVisual Studio Codeというエディターを使いますので、そのダウンロード、インストールの仕方、またブラウザーはChoromeの機能を使用しますので、Chromeのダウンロード、インストールの案内が最初に準備としてご案内しています。
Udemyの講座にお申し込みいただくと、教材PDFテキストをダウンロード出来ます。
その教材PDFテキストを順に説明しながら、エディターで実際にHTMLを打ち込みながらChromeブラウザーでその都度、表示を確認しながら進めていきます。
01. Section00-2/3：［introduction］
挨拶とテキストダウンロードAcrobat,Chromeダウンロード ​&インストール案内
講師：NAKA-Gから
​就職･転職に有利になるHTML,CSSの基礎を3時間で学んで加速度的に編集できるようになるオンラインプログラムを学ぶ準備として教材テキストPDFを開くためにAdobe Acrobat Readerを使うのでダウンロードとインストールの案内、ブラウザはGoggleのChromeの機能を使うのでChromeのダウンロードとインストールの案内です。既にAdobe Acrobat Reader, Chromeをインストール済みの方は次のInformation動画をご覧になって構いません。
02. Section00-3/3：［introduction］
講座の内容案内​
講師：NAKA-Gから
​プログラムのSection1〜11までのステップの内容を紹介しています。
Sectionはそれぞれ、5〜15分ごとの動画数本で構成されています。
教材テキストPDFダウンロード、質問できる講座はこちらです。
03. Section01-1/1：［講座ステップの案内］
HTML書類を作るエディターアプリを使う説明​
講師：NAKA-Gから
​HTML書類を作成するためのエディターアプリについて説明しています。
HtmL書類はWindowsではメモ帳、MacはテキストエディターでもHTML書類は開けますし、編集も可能ですが、エディターアプリを使用して作成することをおすすめします。
その理由などを説明している動画です。​
教材テキストPDFダウンロード、質問できる講座はこちらです。
04. Section02-1/1：［エディターインストール］
VSCodeのダウンロード＆インストール、日本語設定のご案内
講師：NAKA-Gから
​HTML書類を作成するときに使用するエディターアプリの１つとして多くの方が使っているVisual Studio Codeのダウンロードからインストール、日本語設定の方法をご案内書ています。
教材テキストPDFダウンロード、質問できる講座はこちらです。
05. Section03-1/2：［HTML基礎知識 01］
拡張子.html書類とはどんなものか
講師：NAKA-Gから
​シンプルなテキスト書類の拡張子.txtと拡張子.htmlの違いを説明し、.htmlの書類の特性を理解しましょう。​
教材テキストPDFダウンロード、質問できる講座はこちらです。
06. Section03-2/2［HTML基礎知識 02］
html書類の保存形式 ~文字コード~ について
講師：NAKA-Gから
​テキストエディターアプリを入手（VScode）
ダウンロードからインストール、日本語設定の仕方を案内しています。
教材テキストPDFダウンロード、質問できる講座はこちらです。
07. Section04-1/5［HTML基礎知識 03］
はじめてのHTML記述のための基礎知識​
講師：NAKA-Gから
​はじめてテキストエディターで直接HTML書類を作成する場合や、DreamWeaverやホームページ作成アプリを使用しても作られるのは,html書類です。
WordPressもサーバーにアップされてブラウザーが読み込むのは.html書類です。
.html書類はテキストエディターアプリがあれば直接開いてコードを編集できます。
.html書類に記述していくコードの約束事やルールなど基礎知識をしっかり知っておいて編集しましょう。
教材テキストPDFダウンロード、質問できる講座はこちらです。
08. Section04-2/5［HTML基礎知識 04］
HTMLの基本構造（書式形式）について
講師：NAKA-Gから
​.htmlの書類の基本構造について解説しています。 実際にサーバーに.html書類をアップして公開するにはブラウザーが読み込んできちんと表示してくれるためと、検索エンジンにインデックス（登録）されるために、正しい構造で記述する必要があります。 簡単な構造、記述形式がちょっとだけありますので知っておきましょう。
教材テキストPDFダウンロード、質問できる講座はこちらです。
09. Section04-3/5［HTML基礎知識 05］
HTML基本構造を作成
講師：NAKA-Gから
​HTMLの基本構造を学んだら実際にその構造の中にコンテンツを記述していきます。​
教材テキストPDFダウンロード、質問できる講座はこちらです。
10. Section04-4/5［HTML基礎知識 06］
＜body＞へのデータ入力
講師：NAKA-Gから
​.html構造の＜body＞内にコンテンツを実際に入れて見ます。
教材テキストPDFダウンロード、質問できる講座はこちらです。
11. Section04-5/5［HTML基礎知識 07］
＜head＞へのデータ入力
講師：NAKA-Gから
html内の＜head＞の中に入る必要要素の解説と、入力を行っていきます。
教材テキストPDFダウンロード、質問できる講座はこちらです。