HTMLのspanタグの使い方

青灯夜游
リリース: 2022-03-29 19:26:15
オリジナル
14845 人が閲覧しました

HTML では、span タグはドキュメント内のインライン要素を結合するために使用され、テキストの一部またはドキュメントの一部を分離する方法を提供します。 Span タグには固定された形式がないため、CSS スタイルが適用されると、タグ要素内のテキストは他のテキストとは視覚的に異なります。

HTMLのspanタグの使い方

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

htmlspanタグの使い方は?

関数: ドキュメント内のインライン要素を結合するために使用されます。

注:

span タグには固定の形式がありません。スタイルを適用したときにのみ視覚的に変化します。スタイルを適用しない場合、この要素のテキストは他のテキストと視覚的な違いがありません。

注:

要素に含まれるテキストは、CSS を使用してスタイル設定したり、JavaScript を使用して操作したりできます。 を使用してインライン要素をグループ化し、スタイルで書式設定できるようにします。

html スパンタグの例 1:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<span>span常用在显示一段普通的文本,没有固定的格式表现,如果需要,可以添加属性来表现形式</span>
</body>
</html>
ログイン後にコピー

レンダリング:

HTMLのspanタグの使い方

html スパンタグの例 2:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p>我的母亲有 <span style="color:blue;font-weight:bold">蓝色</span> 的眼睛,我的父亲有 <span style="color:darkolivegreen;font-weight:bold">碧绿色</span> 的眼睛。</p>
</body>
</html>
ログイン後にコピー
レンダリング:


HTMLのspanタグの使い方##関連する推奨事項: 「

html ビデオ チュートリアル

以上がHTMLのspanタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート