フロントエンドHTML&CSS学習記1(Shangシリコンバレーのティーチングビデオをもとに)
フロントエンドHTML&CSS学習記2(Shangシリコンバレーのティーチングビデオをもとに)
フロントエンドHTML&CSS学習記3(Shangシリコンバレーのティーチングビデオをもとに)商シリコンバレー)
フロントエンドHTML&CSS学習記4(商シリコンバレーのティーチングビデオをもとに)
フロントエンドHTML&CSS学習ノート5(商シリコンバレーのティーチングビデオをもとに)
フロントエンドHTML&CSS学習ノート6(シャンシリコンバレーのティーチングビデオをもとに)シャンシリコンバレーのティーチングビデオ)
フロントエンドHTML&CSS学習ノート7(シャンシリコンバレーのティーチングビデオをもとに)
フロントエンドHTML&CSS学習ノート8(シャンシリコンバレーのティーチングビデオをもとに)
フロントエンドHTML&CSS学習ノート9 (Shang Silicon Valley の教育ビデオに基づく)
エピソード 1 (フロントエンドの紹介)
注: HTTP はパブリック プロトコルであり、あまり安全ではありません。このプロトコルを使用する Web ページに遭遇し、その操作にパスワードのプライバシーやその他のコンテンツが含まれる場合は、注意が必要です。
第2話(学習コンテンツ紹介)
エピソード 3 (HTML 入門)
- HTML (Hypertext Markup Language) ハイパーテキスト マークアップ言語。ハイパーテキストはハイパーリンクを指し、マークアップはタグを指します。
- Webページの標準フォーマット
1.<html></html>与<head></head><body></body>为父标签与子标签的关系
2.<head></head>与<title></title>为父标签与子标签的关系
3.<html></html>与<title></title>为祖先标签与后代标签的关系
4.网页的所有可见内容都应该写在<body></body>中
下图为标准格式
エピソード 4 (HTML コメント)
<!-- 在这里写注释,如上图所示 -->
エピソード 5 (ラベルの属性)
例:<font color="green" size="7">此处是被设置属性的标签</font>
注: 属性を使用してラベルを設定することはお勧めできません。CSS を使用することをお勧めします。
第 6 話 (ドキュメント宣言)
HTML には複数のバージョンが普及していますが、どのバージョンを使用しているかをブラウザに伝えるためにドキュメント宣言を追加する必要があります。
HTML5的文档声明最简洁为<!doctype html>
第7話(16進法入門)
読者なら勝手にわかる
第8話(コード化け問題)
- 文字化けの根本原因は、エンコードとデコードで異なる文字セットが使用されていることです。
- 中国語システム ブラウザでは、デコード時にデフォルトで GB2312 文字セットが使用されます。文字化けを回避するには、次の 3 つの解決策があります。
1.编码时采用GB2312
2.若编码时不是采用GB2312,则在浏览器中键盘点击alt,点击查看->编码->unicode
3.以上两种都不建议使用,建议直接在代码中使用 <meta />自结束标签,告诉浏览器我们所使用的编码字符集,例如<meta charset="utf-8" />
第9話(共通タグ)
タイトルタグ<h1></h1>
1.HTML中共有六级标题,显示效果上h1~h6,逐级减小,h1最重要,表示网页中的主要内容
2.对搜索引擎来说,h1的重要性仅次于title,h1中的内容会影响到网页在搜索引擎中的排名
段落タグ<p></p>
1.使用段落标签表示一个段落,其中的文字默认会独占一行,并且段落与段落之间会有一定的间距
2.在HTML中,字符之间有再多的空格,浏览器也只会当成一个空格来解析,换行也当成空格解析
改行ラベル<br />
水平線ラベル<hr />
第 10 話 (エンティティ)
エンティティは実はエスケープ文字に似ています
< 用 < 表示
> 用 > 表示
空格 用 表示
版权声明 用© 表示