HTML 요소(HTML element)

실제 웹사이트를 만들 때는 제목 외에도 이미지, 부제, 텍스트, 버튼 등이 필요하며 이를 표현하기 위해 HTML 요소를 사용할 수 있는데, 이는 제목, 표제, 일반 텍스트, 이미지, 버튼, 입력란과 같은 콘텐츠를 게시할 수 있으며 이외에도 훨씬 많은 요소들이 있다.

이러한 요소들을 모두 외울 필요는 없으며, ‘MDN Web Docs’ 페이지와 같은 리소스를 사용할 수 있다.
( MDN 요소 링크 참조 : https://developer.mozilla.org/ko/docs/Web/HTML/Element )

이러한 HTML 요소는 일반적으로 아래와 같이 구성된다.

HTML 요소는 시작 태그와 종료 태그로 구성되며 태그 사이에는 콘텐츠를 입력한다.

1. 여는 태그 (Opening tag): 요소의 이름으로 구성되며, 꺾쇠괄호로 감싸진다.
   이는 요소가 시작되는 부분을나타내며, 위의 이미지는 문단이 시작되는 위치를 나타낸다.
2. 닫는 태그 (Closing tag): 이는 요소의 여는태그와 같지만, 요소의 이름 앞에 슬래시가 포함되며, 이는 요소의 끝을 나타낸다.
   이는 요소가 끝나는 부분을 나타내며, 위의 이미지는 문단이 끝나는 위치를 나타낸다.
3.  
4. 콘텐츠 (Content): 이것은 요소 안의 내용(content)이다.
5. 요소 (Element): 요소는 여는 태그와 닫는 태그, 그리고 콘텐츠로 이루어진다.

출처 : https://developer.mozilla.org/en-US/docs/Web/HTML

실제 웹사이트를 만들 때는 제목 외에도 이미지, 부제, 텍스트, 버튼 등이 필요하며 HTML 요소로는 제목, 표제, 일반 텍스트, 이미지, 버튼, 입력란과 같은 콘텐츠를 게시할 수 있으며 이외에도 훨씬 많은 요소들이 있다.

이러한 요소들을 모두 외울 필요는 없으며, ‘MDN Web Docs’ 페이지와 같은 리소스를 사용할 수 있다.

HTML 텍스트에서 단순히 문자만 입력해도 표출이 되긴 하나, 웹 브라우저는 호환성이 높으므로 텍스트의 형태보다는 HTML 요소로 바꿔 콘텐츠에 대한 설명을 추가하면 검색 엔진과 보조 기술을 사용하는 사람들에게 더 많은 의미를 전달할 수 있다.

각 HTML 요소는 서로 다른 속성을 지원하며 스타일 속성은 모든 HTML 요소에 적용 할 수 있다.

이 때, 속성은 항상 시작 태그에 추가해야 하며 추가하는 속성에 따라 정보를 더하거나 요소의 동작을 변경할 수 있다.

 CSS(Cascading Style Sheets)

CSS는  사용자에게 웹브라우저의 문서 외에 HTML 요소의 형태를 제어하고 스타일 등에 대한 디자인을 이용할 수 있는 마크 업을 표시하는 언어입니다.

이는 글꼴, 색상, 크기 및 간격 또는 레이아웃을 만드는데 사용할 수 있으며 CSS를 잘 사용하게 되면 지루하지 않으며 다른 웹페이지들과 차별화 된 웹페이지를 제공할 수 있습니다.