HTML[HTML 요소]

HTML 요소는 웹 페이지를 구성하는 단위입니다. 

 

각 요소는 태그로 구성되며, 태그는 요소의 이름을 지정하고 속성을 포함할 수 있습니다. 

 

각 요소는 일련의 컨텐츠를 갖게 되며, 이는 텍스트, 이미지, 비디오 등의 다양한 형식이 될 수 있습니다.

예를 들어, 다음은 단순한 텍스트 요소를 나타내는 태그입니다.

<p>이것은 단락입니다.</p>

여기서 <p>는 "paragraph"의 약어로 단락 요소를 나타내며, </p>는 단락 요소의 끝을 나타냅니다.

또한 다음은 이미지 요소를 나타내는 태그입니다.

<img src="example.jpg" alt="예시 이미지">

이미지 요소는 다른 요소와는 달리 닫는 태그가 필요하지 않습니다. 

 

src 속성은 이미지 파일의 위치를 나타내며, alt 속성은 이미지가 로드되지 않을 경우 대신 나타날 텍스트를 지정합니다.

 

요소는 블록 요소와 인라인 요소로 분류됩니다. 

 

블록 요소는 새로운 줄에서 시작하고, 콘텐츠의 전체 폭을 차지하는 것이 일반적입니다. 

 

대표적인 블록 요소로는 <div>, <h1>~<h6>, <p>, <ul>, <ol>, <li>, <table>, <form> 등이 있습니다. 

 

인라인 요소는 콘텐츠 옆에 배치되는 것이 일반적이며, 

 

대표적인 인라인 요소로는 <span>, <a>, <img>, <strong>, <em>, <input> 등이 있습니다.

 

다음은 블록 요소와 인라인 요소를 나타내는 예시입니다.

<div>
  <h1>제목</h1>
  <p>이것은 <strong>블록 요소</strong>입니다. 블록 요소는 새로운 줄에서 시작하고, 콘텐츠의 전체 폭을 차지합니다.</p>
  <p>이것은 <em>인라인 요소</em>입니다. 인라인 요소는 콘텐츠 옆에 배치됩니다.</p>
</div>

제목

이것은 블록 요소입니다. 블록 요소는 새로운 줄에서 시작하고, 콘텐츠의 전체 폭을 차지합니다.

이것은 인라인 요소입니다. 인라인 요소는 콘텐츠 옆에 배치됩니다.