HTML HTMLタグ(1)

23935 ワード

html htmlタグテキストリンク

HTMLの様々なタグについて説明しましょう.

1.HTMLの記号タグ

セマンティックタグ:名前だけで意味がわかるタグ

シンボルマークを使用する理由

Webブラウザは、HTMLのソースコードを表示するだけで、どの部分がタイトル、メニュー、本文なのかを簡単に知ることができます.

ドキュメントの構造は正確に区分されており、Webブラウザと複数のスマートマシンの異なる画面でWebドキュメントを表現するのに便利です.

でウェブサイトを検索すると、必要なコンテンツを正確に見つけることができます.

ex) < p > : 단락 paragraph을 줄인 태그
    < a > : 앵커 anchor를 줄인 태그

ウェブサイトの設計はタイトルエリア、本文エリア、ツイッター特区などの構造に分けることができます.

ヘッダーエリア:Webサイトのタイトル、ロゴ

本文:Webサイトの内容、サイドバー

ツイッター

:タイトル領域を表すタグ
2)

:ナビゲーションエリアを表すタグ

と同じWebドキュメント内に、他の場所へのリンクまたは他のWebドキュメントへのリンクを作成します.

ページのドキュメントの場所の影響を受けず、タイトルバー、ツイッターバー、またはエッジバーに含めることもできますし、独立して使用することもできます.

以上の

:コアコンテンツを含むラベル

ページのドキュメントは1回しか使用できません.

:独立したコンテンツを含むタグ

独立Webコンテンツ項目(ブログ記事、ニュースサイト記事)

Webドキュメントでは、複数の

タグを使用できます.

:コンテンツ領域を表すタグ

の複数のコンテンツを組み合わせるために使用されます.

<article> : 독립된 콘텐츠 
<section> : 여러 개의 콘텐츠를 묶는 용도

:サイドバー領域を表すタグ

本明細書の内容を除き、必要に応じてのみサイドバーを作成するために使用されます.

:ツイッター領域を表すタグ

ページのドキュメントの下部に、サイト作成情報、著作権情報、連絡先などを追加します.

:複数のソースを結合したタグ

idまたはclassプロパティを使用して、ドキュメント構造または適用スタイルを作成します.

<div id = "header">
<div class = "detail">

2.HTMLのテキストタグ

1):タイトルを表すタグ

Webドキュメントのタイトルは、他のテキストよりも深く表示されます.

タイトルテキストをサイズ別に表示できます.

<body>
    <h1> 제목 텍스트 삽입하기 </h1>
    <h2> 텍스트 1 </h2>
    <h3> 텍스트 2 </h3>
    <h4> 텍스트 3 </h4>
</body>

:テキスト段落のタグを作成/
:改行タグ

pタグ間にテクスチャを入力すると、テキストの前後に空の行が表示され、テキスト段落が生成されます.

では、エディタで改行してもWebブラウザで1行として表示されることが重要です.

brラベルを使用して改行できます.

<body>
    <h1> 제목 텍스트 삽입하기 </h1>
        <p> p 태그 사이에 텍스트를 입력하면 텍스트 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. </p>
        <p> 이때 중요한 점은 편집기에서 줄을 바꾸더라도
            웹 브라우저에서는 한줄로 표시된다.
        </p>
        <p> br 태그를 사용하면 <br> 줄을 바꿀 수 있다. </p>
        <p> br 태그는 단독으로 사용하므로 닫는 태그가 필요 없다. </p>
</body>

:参照時に使用するタグ
blockquoteラベルは、他のテキスト段落よりもインデントされた引用文を挿入するために使用されます.
<body>
 <h1> 제목 텍스트 삽입하기 </h1>
 p 태그 사이에 텍스트를 입력하면 텍스트 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. 
 이때 중요한 점은 편집기에서 줄을 바꾸더라도
 웹 브라우저에서는 한줄로 표시된다.
 
 br 태그를 사용하면 줄을 바꿀 수 있다. 
 br 태그는 단독으로 사용하므로 닫는 태그가 필요 없다. 
 <blockquote>
 blockquote 태그는 인용문을 삽입할 때 쓰며 
 다른 텍스트 단락보다 안으로 들여 쓴 상태가 된다.
 </blockquote>
</body>
4)<,:太字テキストのタグ

<body> <h1> 제목 텍스트 삽입하기 </h1> p 태그 사이에 텍스트를 입력하면 텍스트 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. 이때 중요한 점은 편집기에서 줄을 바꾸더라도 웹 브라우저에서는 한줄로 표시된다. br 태그를 사용하면 줄을 바꿀 수 있다. br 태그는 단독으로 사용하므로 닫는 태그가 필요 없다. strong 태그 와 b 태그 는 텍스트를 굵게 표시할 때 사용한다. </body>
5)、:斜体テキストを入力するためのタグ

<body> <h1> 제목 텍스트 삽입하기 </h1> p 태그 사이에 텍스트를 입력하면 텍스트 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어진다. 이때 중요한 점은 편집기에서 줄을 바꾸더라도 웹 브라우저에서는 한줄로 표시된다. br 태그를 사용하면 줄을 바꿀 수 있다. br 태그는 단독으로 사용하므로 닫는 태그가 필요 없다. strong 태그 와 b 태그 는 텍스트를 굵게 표시할 때 사용한다. 텍스트를 기울여서 표시하고 싶을 때는 em 태그와 i 태그를 사용한다. </body>
6)その他のラベル
タグタイプの説明例abbrの略語を表示し、tittleプロパティを使用します.HGDWebドキュメントまたは記事を参照して参照内容を表示します.
失敗は成功の母である-名言、「cite」「エジソン」「/cite」の「/p>コードはパソコンを識別するソースコードです.code>関数savetheLocal()/code>は、小さなWebドキュメントまたは記事に参照内容を表示します.
価格:10000元<小>(付加税は別途)
sub下書き.
水素の化学式はH2Oである.
supは上付き文字を表示します.
E=mp2
s取り消し線.
~~30000元~~10000元
u下線.uタグはテキストに下線を引きます.insコラボレーションドキュメントに新しい内容を挿入します.insラベルで新しい内容を挿入します.delは、コラボレーションドキュメントから既存のコンテンツを削除します.~~delラベルは既存のコンテンツを削除します.~~
3.HTMLのリストタグ

1)
、
:整列リストのタグを作成する
olラベルはOrdered listの略
です.
liラベルはlistの略
です.
リストが表示される内容の前後にolラベルが1つずつ配置され、その間にliラベルが挿入される.

<body> <ol> <li> 항목 1 </li> <li> 항목 2 </li> <li> 항목 3 </li> </ol> </body>

typeプロパティ:順序はアルファベットやローマ数字などで表すことができます.
startプロパティ:必要な番号から開始できます.
属性タイプ説明type="1"数字(デフォルト)type="a"英語小文字type="A"英語大文字type="i"ローマ数字小文字type="I"ローマ数字大文字
2)
、
:無秩序リストのタグを作成する
ulラベルは無秩序リストの略
です.
無秩序リストは、プロジェクトの前に小さな円または矩形を加えて区分され、この小さな図を釘と呼ぶ.

<body> <ul> <li> 항목 1 </li> <li> 항목 2 </li> <li> 항목 3 </li> </ul> </body>
3)
、
、
:説明リストのタグを作成する
説明ディレクトリとは、名前と値の形式のディレクトリを指す.

<body> <dl> <dt> 이름 </dt> <dd> 값 1 </dd> <dd> 값 2</dd> </dl> </body>

Reference

この問題について(HTML HTMLタグ(1)), 我々は、より多くの情報をここで見つけました https://velog.io/@dksdpdms520/HTML-HTML-태그-시맨틱-태그-텍스트-태그-목록-태그

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

👩‍💻 SWEA 1873商号の戦区

Baek 2739解答