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

零下一度
リリース: 2017-05-05 13:56:22
オリジナル
1455 人が閲覧しました

1.1HTML タイトル

見出しは、

-

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

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

最小の見出しを定義します。
<html>  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
<h4>This is heading 4</h4>  
<h5>This is heading 5</h5>  
<h6>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>春晓</h1>  
<p>  
    春眠不觉晓,  
      处处闻啼鸟。  
        夜来风雨声,  
          花落知多少。  
</p>  
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>  
</body>  
  </html>
ログイン後にコピー

【関連おすすめ】

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

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!