ホームページ > 記事 > ウェブフロントエンド > 第2章 基本フォーマット_html/css_WEB-ITnose
第2章 基本フォーマット_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:20:01930ブラウズ
学習ポイント:
1. HTML5 文書構造
2. 文書構造分析
3. 要素タグの議論
講師: Li Yanhui
この章は主に HTML5 の文書構造から始まります。 これらの基本要素によって、HTML ドキュメントの概要とブラウザの初期環境が決まります。ほとんどすべてのページで、これらの要素を最初に入力する必要があります。
1つ。 HTML5 ドキュメントの構造 1. 最初のステップ: Sublime Text 3 を開き、指定したフォルダーを開きます。 2. 2 番目のステップ: .html は Web ページのサフィックスです。 3 番目のステップ: HTML5 の基本フォーマットを書き始めます。
れーい
Ⅱ。文書構造分析
1.Doctype
文書型宣言（Doctypeとも呼ばれます）。基本的に、ブラウザに表示しているファイルの種類を伝えます。 以前の HTML4.01 および XHTML1.0 では、特定の HTML バージョンとスタイルを表していました。現在、HTML5 ではバージョンとスタイルを表現する必要がありません。
<!DOCTYPE html> //文档类型声明<html lang="zh-cn"> //表示 HTML 文档开始 <head> //包含文档元数据开始 <meta charset="utf-8"> //声明字符编码 <title>基本结构</title> //设置文档标题 </head> //包含文档元数据结束 <body> //表示 HTML 文档内容 <a href="http://www.baidu.com">百度</a> //一个超链接元素（标签） </body> //表示 HTML</html> //表示 HTML 文档结束
2.html要素
まず要素とはタグのことで、html要素とはhtmlタグのことです。 html 要素は、ドキュメントの開始と終了を行う要素です。これは二重ラベルであり、先頭と末尾が互いにエコーし合い、コンテンツが含まれています。この要素には属性と値 lang="zh-cn" があり、ドキュメントの言語が簡体字中国語であることを示します。
<!DOCTYPE html> //不分区大小写
3.head 要素
メタデータ コンテンツを含めるために使用されます: 2cdf5bf648cf2f33323966d7f58a7f3f、e8e496c15ba93d81f6ea4fe5f55a2244、2b0b25ff593c5b6c03403dd6234ffb2c、c9ccee2e6ea535a969eb3f532ad9fe89、b2386ffb911b14667cb8f0f91ea547a7 。これらのコンテンツは、CSS 情報を提供するリンク、JavaScript 情報を提供するスクリプト、ページ タイトルを提供するタイトルなどの情報を提供するためにブラウザによって使用されます。
<html lang="zh-cn"> //如果是英文则为 en
4.meta 要素
この要素は、ドキュメントに関する情報を提供するために使用されます。開始構造には属性 charset="utf8" があります。一般に、ページが使用するエンコーディングをブラウザーに伝えることを示します。utf8 を使用します。もちろん、ファイルを保存するときも utf8 であり、ブラウザも中国語を正しく表示するために utf8 に設定されます。
<head>...</head> //这些信息在页面不可见
5.title要素
この要素は名前の通り非常にシンプルで、ブラウザの左上隅にタイトルを設定します。
<meta charset="utf-8"> //除了设置编码，还有别的
6.body要素
ブラウザの表示領域であるドキュメントのコンテンツを含めるために使用される要素。表示されるすべてのコンテンツはこの要素内に追加する必要があります。
<title>基本结构</title>
7.a 要素
後で詳しく説明するハイパーリンク。 れーい
三。要素タグについての議論
HTMLはマークアップ言語であり、先ほどその構造について詳しく議論しました。ここでは、文章では「要素」と呼ばれることが多い「マーク」や「ラベル」がどのように構成されているのかを分析してみましょう。
1. 要素
要素とは、ブラウザに何らかのコンテンツの処理方法を指示するタグのセットです。各要素にはキーワードがあり、
、