HTMLを理解する前:HTMLタグは主に内容に応じて対応する位置に位置するラベル、塗りつぶしのペアで構成されています。
1.コンパイルツール
- [] HTMLコンパイラツールが必要?txtファイルには、接尾辞をダブルクリック操作を変更します。
[フロントエンド少しフロントエンドを理解し、その後、IDEAツールは、Java、Pythonの書き込みに使用することができる前に、自分自身を発見し、そして今のフロントエンドを書くことができ、光栄。。。
2.HTMLは何ですか
- Webページ上のラベルのリソースによって識別されるロケーション:[]正式名称:HTML(ハイパーテキストマークアップ言語)、ハイパーテキスト:ハイパーリンクされたテキスト、マーク
- []効果:デザインのWebページに使用されるマークアップ言語
- []ファイルの拡張子.htmまたは.htmlの接尾辞
- []実施の:ブラウザの実行により解釈
- []経験:
不区分大小写,建议小写
标签是成对出现的(大部分)
通过标签来标记数据,不同的数据使用不同的标签
HTML示例
HTML中代码的注释:<!--注释内容-->
<!DOCTYPE html>
<html lang="en"><!--HTML的开始-->
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
HTMLタグ
上面代码中的:
<html></html>
<head></head>
<title></title>
<body></body>
- [] HTMLの機能を説明するための表記法は、「タグ」となります
- タグは、「<...>」角括弧で囲まれています[]、それは以下のようなラベルです
- 【】密閉型タグのような、対にされなければならない(また、二重標識と呼ばれます)
またような空のタグ、または単一のマーカーとして知られている[]非密閉型フラグ
HTML要素
指的是从开始标签(start tag)到结束标签(end tag)的所有代码
<title>Title</title><!--Title-->
- [] HTMLの開始タグ内の要素は、開始します
- 終了タグ終端と[] HTML要素
- []コンテンツ要素は、開始タグと終了タグの間のコンテンツであります
- [いくつかのHTML要素が空のコンテンツ(空のコンテンツ)を有します
- 開始タグで[]ヌル要素オフ(終了する開始タグと終了タグ)
- []大部分のHTML要素には属性を持つことができます
HTMLの属性と値
<html lang="en"><!--lang是HTML的属性,en是lang属性的值-->
</html>
- [] 1要素の特性を変更するために使用されています
- プロパティは、開始タグの中に配置する必要があります
- プロパティは、複数の属性との間の空間と、複数の要素であってもよいです
- シーケンス属性の複数の区別はありません
- [] 2.各属性は、値を持っています
- 等号と属性の属性値との間のリンク
- 引用符に含まれる属性の値
- 属性は常に名前/値ペアの形式で表示されます
一般的に使用されるタグ
<p></p><!--段落标签-->
<h1></h1><!--段落标签(h1表示第一段落 一般是h1到h6)-->
</br><!--换行标签-->
<hr/><!--水平线标签-->
<span></span><!--无语义标签-->
<img></img>
1.使用<img>元素将图像添加到页面
2.必须属性:src(存储图像的位置)
3.常用属性:width,height,alt,title
<img src="URL" width="300" alt=”替换文本属性”/>
title定义了鼠标经过图片时显示的内容,搜索引擎抓取图片时,是根据title定义的内容来分析图片是什么的
alt当图片未能正常显示时,用于给用户的提示信息