htmlチュートリアル

Webページ制作(html)の基礎知識(2) 基本操作

零下一度

May 05, 2017 pm 01:56 PM

1.1HTML タイトル

見出しは、

-

などのタグによって定義されます。

は最大のタイトルを定義します。

最小の見出しを定義します。

<html>  
<body>  
<h1 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 1</h1>  
<h2 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 2</h2>  
<h3 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 3</h3>  
<h4 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 4</h4>  
<h5 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 5</h5>  
<h6 id="This-nbsp-is-nbsp-heading-nbsp">This is heading 6</h6>  
<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>  
</body>  
</html>

1.2HTML 水平線

HTML ページに水平線を作成します。

hr 要素はコンテンツを分離するために使用できます。

<html>  
<body>  
<p>hr 标签定义水平线：</p>  
<hr />  
<p>这是段落。</p>  
<hr />  
<p>这是段落。</p>  
<hr />  
<p>这是段落。</p>  
</body>  
</html>

1.3HTML コメント

HTML コードにコメントを挿入すると、可読性が向上し、コードが理解しやすくなります。ブラウザはコメントを無視し、表示しません。

コメントは次のように書かれます:

<html>    
<body>    
<!--这是一段注释。注释不会在浏览器中显示。-->    
<p>这是一段普通的段落。</p>  
</body>  
</html>

コメント: 感嘆符は、左括弧 (左括弧) の直後に続ける必要がありますが、閉じ括弧 (右括弧) の前には置く必要がありません。

ヒント: コメントを適切に使用すると、将来のコード編集作業に役立ちます。

2.1 HTML の改行

新しい段落を作成せずに改行 (改行) が必要な場合は、
タグを使用します

<html>
<body>
<p>To break<br />lines<br />in a<br />paragraph,<br />use the br tag.</p>
</body></html>

2.2 HTML 出力 - 役立つヒント

表示されている HTML の正確な効果を判断することはできません。画面のサイズやウィンドウの調整によって、結果が異なる場合があります。

HTML では、HTML コードに余分なスペースや改行を追加して出力を変更することはできません。

ページを表示する際、ブラウザはソースコード内の余分なスペースと空行を削除します。連続したスペースまたは空行はすべて 1 つのスペースとしてカウントされます。 HTML コード内の連続する空行 (改行) もすべてスペースとして表示されることに注意してください。

<html>  
<body>  
<h1 id="春晓">春晓</h1>  
<p>  
    春眠不觉晓，  
      处处闻啼鸟。  
        夜来风雨声，  
          花落知多少。  
</p>  
<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>  
</body>  
  </html>

【関連おすすめ】

1. 無料のHTMLオンラインビデオチュートリアル

3. php.cnオリジナルのHTML5ビデオチュートリアル

以上がWebページ制作(html)の基礎知識(2) 基本操作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTMLドキュメントのルートタグは何ですか？Apr 29, 2025 am 12:10 AM

Theroottaginanhtmldocumentis.itservesStop-levellementThateChationCothercontent、ProperDocumentsTurcuteRuctureAndBrowsingを保証します。

HTMLタグと要素は同じものですか？Apr 28, 2025 pm 05:44 PM

この記事では、HTMLタグは要素を定義するために使用される構文マーカーであり、要素はタグやコンテンツを含む完全なユニットであると説明しています。彼らは協力してWebPages.Characterカウントを構築するために協力します：159

＆lt; head＆gt;の重要性は何ですかおよび＆lt; body＆gt; HTMLのタグ？Apr 28, 2025 pm 05:43 PM

この記事では、＆lt; head＆gt;の役割について説明します。および＆lt; body＆gt; HTMLのタグ、ユーザーエクスペリエンスへの影響、およびSEOの影響。適切な構造化により、ウェブサイトの機能と検索エンジンの最適化が強化されます。

＆lt; strong＆gt;＆lt; b＆gt;の違いは何ですかタグと＆lt; em＆gt;＆lt; i＆gt;タグ？Apr 28, 2025 pm 05:42 PM

この記事では、HTMLタグの違いについて説明します。、、、、、、、およびプレゼンテーションの使用とSEOとアクセシビリティへの影響に焦点を当てています。

HTMLのドキュメントで使用されている文字セットを示す方法を説明してください。Apr 28, 2025 pm 05:41 PM

記事では、UTF-8に焦点を当てたHTMLでのキャラクターエンコーディングの指定について説明します。主な問題：テキストの正しい表示を確保し、文字化けされたキャラクターの防止、SEOとアクセシビリティの強化。

HTMLのさまざまなフォーマットタグは何ですか？Apr 28, 2025 pm 05:39 PM

この記事では、Webコンテンツの構築とスタイリングに使用されるさまざまなHTMLフォーマットタグについて説明し、テキストの外観に対する影響とアクセシビリティとSEOのセマンティックタグの重要性を強調しています。

「ID」属性とHTML要素の「クラス」属性の違いは何ですか？Apr 28, 2025 pm 05:39 PM

この記事では、HTMLの「ID」属性と「クラス」属性の違いについて説明し、一意性、目的、CSS構文、および特異性に焦点を当てています。それらがWebページのスタイリングと機能にどのように影響するかを説明し、のベストプラクティスを提供する

HTMLの「クラス」属性とは何ですか？Apr 28, 2025 pm 05:37 PM

この記事では、スタイリングとJavaScriptの操作の要素をグループ化するHTML「クラス」属性の役割を説明し、一意の「ID」属性とは対照的です。

See all articles

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。