HTML 태그는 웹 브라우저가 콘텐츠의 형식을 지정하고 표시하는 방법을 정의하는 키워드와 같습니다. 태그의 도움으로 웹 브라우저는 HTML 콘텐츠와 단순 콘텐츠를 구별할 수 있습니다. HTML 태그는 여는 태그, 내용, 닫는 태그의 세 가지 주요 부분으로 구성됩니다. 그러나 일부 HTML 태그는 닫히지 않은 태그입니다.
웹 브라우저는 HTML 문서를 읽을 때 위에서 아래로, 왼쪽에서 오른쪽으로 읽습니다. HTML 태그는 HTML 문서를 만들고 해당 속성을 렌더링하는 데 사용됩니다. 각 HTML 태그에는 서로 다른 속성이 있습니다.
HTML 파일에는 웹 브라우저가 단순 텍스트와 HTML 텍스트를 구별할 수 있도록 몇 가지 필수 태그가 있어야 합니다. 코드 요구 사항에 따라 원하는 만큼 태그를 사용할 수 있습니다.
- 모든 HTML 태그는 이 대괄호 안에 포함되어야 합니다.
- HTML의 모든 태그는 서로 다른 작업을 수행합니다.
- 오픈 태그를 사용했다면 반드시 클로즈 태그를 사용해야 합니다. (일부 태그 제외)
통사론
콘텐츠
HTML 태그 예
참고: HTML 태그는 항상 소문자로 작성됩니다. 기본 HTML 태그는 다음과 같습니다.
단락 태그
제목 태그
굵은 태그
기울임꼴 태그
밑줄 태그
지금 테스트해보세요닫히지 않은 HTML 태그
br 및 hr과 같은 일부 HTML 태그는 닫히지 않습니다.
꼬리표: br은 break line을 의미하며, 코드의 줄을 바꿉니다.
꼬리표: hr은 수평 법칙을 나타냅니다. 이 태그는 웹페이지 전체에 선을 긋는 데 사용됩니다.
HTML 메타 태그
DOCTYPE, 제목, 링크, 메타 및 스타일
HTML 텍스트 태그
,
제목 수준 2
제목 수준 3
제목 수준 4
제목 수준 5
제목 수준 6
넷 다섯.
:
이 태그를 이용하면 웹페이지를 나눌 수 있습니다. 수평 규칙 또는 테마 브레이크를 나타냅니다.
통사론:
<hr>
46. :
이 태그를 사용하면 다른 모든 요소가 포함됩니다. HTML 요소의 루트라고도 합니다.
통사론:
47. :
이 태그를 사용하면 모든 콘텐츠를 이탤릭체로 만들 수 있습니다. 중요한 용어, 문구 또는 기술 용어를 강조합니다.
통사론:
<i>Italicized Text</i>
48.
이 태그를 사용하면 현재 웹페이지에 다른 HTML 페이지를 삽입할 수 있습니다.
통사론:
<iframe src="url"></iframe>
49. ![]()
:
이 태그를 사용하면 현재 웹페이지에 이미지를 삽입할 수 있습니다. 웹 페이지에 이미지를 직접 삽입하지 않고 이미지를 이미지에 연결합니다.
통사론:
오십.
이 태그를 사용하면 양식에서 대화형 제어를 활성화할 수 있습니다. 또한 속성 유형의 다양한 필드에 따라 달라집니다.
통사론:
51. :
이 태그를 사용하면 삽입된 텍스트의 블록을 지정할 수 있습니다. 또한 특정 범위의 텍스트가 문서에 추가되었음을 나타냅니다.
통사론:
Inserted Text
52. :
이 태그를 사용하면 사용자의 키보드, 음성 또는 기타 텍스트 입력 장치를 나타내는 인라인 텍스트의 텍스트 부분을 참조할 수 있습니다.
통사론:
Keyboard Input
53. :
이 태그를 사용하면 마우스 사용자의 사용성을 향상시킬 수 있습니다. 즉, 레이블을 클릭하면 컨트롤이 전환됩니다.
통사론:
Label Text
54. :
이 태그를 사용하면 어린이 콘텐츠의 제목을 정의할 수 있습니다. 범례는 모든 하위 요소의 상위 요소입니다. 의 도움으로 이러한 요소를 정의할 수 있습니다.
통사론:
Fieldset Caption
55.
이 태그를 사용하면 웹페이지에 항목 목록을 표시할 수 있습니다. 여기에는 상위 요소로 순서가 지정된 목록(순서가 없거나 메뉴)이 포함되어 있습니다.
통사론:
<ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>
56. :
이 태그를 사용하면 외부 리소스를 현재 웹페이지에 연결할 수 있습니다.
통사론:
57. :
이 태그를 사용하면 일반적인 요소를 가장 중요한 요소로 만들 수 있습니다. 태그 안에 이 태그를 작성해야 합니다.
통사론:
58. :
이 태그를 사용하면 지도 이미지를 정의할 수 있습니다. 이미지 맵에는 클릭 가능한 영역도 있습니다.
통사론:
59. :
이 태그를 사용하면 텍스트를 강조 표시하여 참조 또는 표기 목적으로 사용할 수 있습니다. 내용의 중요도에 따라 텍스트를 강조했습니다.
통사론:
Highlighted Text
60. :
이 태그의 도움으로 문서의 메타데이터를 나타낼 수 있습니다. 메타데이터에는 페이지 설명, 키워드, 저작권, 사용된 언어 및 작성자가 포함됩니다.
통사론:
61. :
이 태그를 사용하면 주어진 범위 또는 분수 값 내에서 측정값을 나타낼 수 있습니다. 게이지라고도 합니다.
통사론:
Fallback Content
62. :
이 태그를 사용하면 문서의 탐색 링크 섹션을 나타낼 수 있습니다. 탐색 태그의 예로는 메뉴, 목차, 색인 등이 있습니다.
통사론:
63. :
이를 통해 사용자의 브라우저가 특정 스크립트를 지원하지 않는 경우 대체 스크립트를 제공할 수 있습니다. 또한 사용자의 브라우저가 클라이언트 측 스크립팅을 지원하지 않거나 스크립팅 언어를 지원하지 않을 때마다 작동합니다.
통사론:
64. :
이 태그를 사용하면 오디오, 비디오, 이미지, PDF 및 플래시와 같은 멀티미디어를 웹 페이지에 표시할 수 있습니다.
통사론:
65.:
이 태그는 정렬된 목록을 생성하는 데 사용됩니다. 순서가 지정된 목록은 숫자 또는 알파벳순일 수 있습니다. 내부
- 태그를 사용하여 목록을 만들 수 있습니다.
- 꼬리표. 그러면 순서를 따르게 됩니다.
통사론:
<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>
66. :
이 태그는 드롭다운 목록을 생성하는 데 사용됩니다. 이 태그를 사용하여 옵션 그룹을 정의할 수 있습니다.
통사론:
Option 1 Option 2
67. :
이 태그의 도움으로 태그를 사용하여 드롭다운 목록에서 옵션을 정의할 수 있습니다.
통사론:
Option Text
68. :
이 태그를 사용하면 계산 결과를 주입하는 요소에 대한 컨테이너를 만들 수 있습니다.
통사론:
69. :
이 태그를 사용하면 단락 태그를 정의할 수 있습니다. 단락 태그를 사용하면 시각적 미디어를 빈 줄이나 첫 줄 들여쓰기로 인접한 블록과 분리된 텍스트 블록으로 표현할 수 있습니다.
통사론:
Paragraph text goes here.
70. :
이 태그를 사용하면 개체에 대한 매개변수를 정의할 수 있습니다. 이를 통해 다른 포함된 개체에 대한 매개변수를 전달할 수 있습니다.
통사론:
71. :
이 태그를 사용하면 이미지를 지정하여 웹페이지에 유연성을 제공할 수 있습니다. 또한 다음과 같은 태그도 포함되어 있습니다. .
통사론:
72.:
이 태그를 사용하면 웹 페이지에서 미리 서식이 지정된 텍스트 블록을 공백, 줄 바꿈, 탭 등과 같은 미리 서식이 지정된 문자로 선언할 수 있습니다.
통사론:
미리 서식이 지정된 텍스트가 여기에 표시됩니다.
73. :
이 태그를 사용하면 작업 진행 상황을 표시할 수 있습니다. 이를 통해 개발자는 웹 페이지에 진행률 표시줄을 만들 수 있습니다.
통사론:
74. :
이 태그를 사용하면 웹페이지에 인라인 인용문을 만들 수 있습니다. 오늘날 대부분의 브라우저에서는 텍스트가 따옴표 안에 포함되어 있습니다.
통사론:
Here is a short quotation within a sentence.
75. :
이 태그를 사용하면 브라우저가 Ruby 주석을 지원하지 않을 때 대체 괄호에 태그를 사용할 수 있습니다.
통사론:
Base text (Ruby text)
76. :
이 태그를 사용하면 루비 주석 내 문자의 발음을 정의할 수 있습니다.
통사론:
Base text Ruby text
77. :
이를 통해 동아시아 문자의 발음을 정의하고 기본 텍스트 위, 아래 또는 옆에 작은 주석을 표시할 수 있습니다.
통사론:
Base text Ruby text
78. :
이 태그를 사용하면 취소선이나 선이 그어진 텍스트를 렌더링할 수 있습니다. 사물이 더 이상 정확하지 않거나 관련성이 없을 때 이 태그를 사용할 수 있습니다.
통사론:
Struck-through text
79. :
이 태그를 사용하여 컴퓨터 프로그램의 샘플 출력을 정의할 수 있습니다. 이 태그의 내용은 브라우저에서 고정 폭 글꼴을 사용하여 표시됩니다.
통사론:
Sample text or code goes here
80. :
이 태그를 사용하면 클라이언트측 스크립트를 삽입할 수 있습니다. 또한 HTML 웹 페이지에 스크립트를 삽입할 수도 있습니다.
통사론:
81. :
이 태그를 사용하면 웹페이지에 머리글과 바닥글 또는 기타 섹션을 만들 수 있습니다.
통사론:
82. :
이 태그를 사용하면 목록 내부에 옵션 목록을 정의할 수 있습니다.
통사론:
Option Text
83. :
이 태그를 사용하면 글꼴 크기를 기본 크기보다 한 크기 작게(예: 큰 크기에서 작은 크기로) 줄일 수 있습니다.
통사론:
Small text goes here
84.
이 태그를 사용하면 및 같은 여러 미디어 리소스를 연결할 수 있습니다.
통사론:
85.
이 태그를 사용하면 콘텐츠를 매우 중요하게 정의할 수 있습니다. 브라우저는 해당 요소를 굵게 표시합니다.
통사론:
<strong>Emphasized text</strong>
86.:
HTML에서 가장 일반적인 요소입니다. 요소를 그룹화하여 스타일을 적용할 수 있습니다.
통사론:
<span>Text or content goes here</span>
87. :
이 태그를 사용하여 문서의 스타일 정보를 제공할 수 있습니다.
통사론:
CSS rules go here
88.:
이 태그를 사용하면 인쇄상 이유로만 아래 첨자 요소를 표시할 수 있습니다.
통사론:
<sub>Subscript text</sub>
89. :
이 태그를 사용하면 요약, 캡션 또는 범례가 포함된 요소의 도움으로 상자를 만들 수 있습니다. 요약 버튼을 클릭하면 상위 *details> 요소의 열기/닫기 상태를 수행합니다.
스프링 초기화
통사론:
Summary text
90.:
이 태그를 사용하면 모든 텍스트를 인라인 요소의 위 첨자로 표시할 수 있습니다.
통사론:
<sup>Superscript text</sup>
91. :
이 태그를 사용하면 SVG 그래프를 웹 페이지에 삽입할 수 있습니다. 또한 이 태그를 사용하여 XML 형식으로 벡터 그래픽을 정의할 수 있습니다.
통사론:
92.
이 태그를 사용하면 HTML의 표 형식으로 데이터를 정의할 수 있습니다. 일부 행과 열이 있는 2차원 테이블이 생성됩니다.
통사론:
<table class="table"> </table>
93.:
이 태그를 사용하면 테이블 본문과 관련된 테이블 행을 캡슐화할 수 있습니다.
통사론:
<table class="table"> <tbody> </tbody> </table>
94.:
이 태그를 사용하여 테이블의 셀을 정의할 수 있습니다. 테이블 행은 둘 이상의 행으로 구성될 수 있습니다.
통사론:
<tr> <td>Table cell content</td> </tr>