HTMLの簡単な(個人的な視点)

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当图片未能正常显示时,用于给用户的提示信息

おすすめ

転載: www.cnblogs.com/Testking/p/11964086.html