Ticker

6/recent/ticker-posts

【HTML入門】21個のタグを紹介!わかりやすくHTMLの基本を解説します〜初心者 向け〜



Pythonプログラミングに関する情報を発信しているサプーです!
この動画はHTMLの基本について解説しています。

・HTMLとは?
・基本的なタグの使い方
これらについて説明しています💙

実際に実演しているので、最後まで見てもらえたら嬉しいです😊

💙 メンバーシップ 💙
説明動画 ▶︎
登録 ▶︎
iPhoneの方はこらから ▶︎

🏷  タグ一覧 🏷
1. html ▶︎ htmlテキスト全体を括る
2. head ▶︎ meta情報・設定やを書く(Web画面に表示されない)
3. meta ▶︎ meta情報 (文字コードなど)
4. title ▶︎ Webページタイトル(Webタブに表示される)
5. body ▶︎ Webコンテンツを記載
6. main ▶︎ Webページのメイン部分
7. header ▶︎ Webページの上部ヘッダー部分(ロゴやメニューなど)
8. footer ▶︎ Webページの下部フッター部分(利用規約やお問い合わせ先)
9. h1~h6 ▶︎ 見出し
10. p ▶︎ 段落
11. img ▶︎ 画像
12. video ▶︎ 動画
13. a ▶︎ リンク
14. ul / li ▶︎ リスト
15. table / tr / th / td ▶︎ テーブル
16. div ▶︎ 複数の要素をまとめてブロックに
17. span ▶︎ インライン要素(スタイル適用時に使用)
18. label ▶︎ ラベル
19. input ▶︎ インプット関連(テキストボックス、チェックボックス、ボタン等)
20. select / option ▶︎ セレクトボックス
 
全部で20個でした!! (21だと思ってた…)

💻 動作環境 💻
Windows 10
Python 3.9.0

⭐️ チャプター ⭐️
0:00 今日のテーマ「HTMLの基本について」
0:25 HTMLとは?
3:22 HTMLの基本的な書き方
6:59 header/main/footerタグ
8:37 h1タグ
9:47 pタグ
10:35 imgタグ
11:42 videoタグ
13:01 aタグ
14:32 ul/liタグ
15:08 table/tr/th/tdタグ
16:45 divタグ
17:16 spanタグ
17:55 inputタグ
20:22 select/optionタグ
20:52 ボタン
21:13 エンディング

💜 チャンネル説明 💜
Pythonプログラミングについて解説するVtuber サプーです✨
初心者でも分かりやすく、Pythonを体系的に学習できるような動画をアップロードしていきます!
みんなが少しでもPythonが好きになってくれたら嬉しいな💕
Twitterとブログをやってるので、フォローお願いします!

Twitter ▶︎
メール ▶︎ python.supu.vtuber@gmail.com

#HTML
#Web画面
#Web制作
#学習
#勉強
#初心者
#入門
#エンジニア
#基本
#PythonVTuberサプー

プログラミング,初心者,学習,入門,基本,勉強,HTML,CSS,Web制作,Web

#HTML入門21個のタグを紹介わかりやすくHTMLの基本を解説します初心者向け

Post a Comment

0 Comments