웹29 HTML5 - HTML5 HTML5 TML5는 웹 상에서 콘텐츠를 구조화하고 표현하기 위한 마크업 언어입니다. HTML5는 이전의 HTML 버전들과 비교하여 새로운 기능과 요소를 도입하며, 기존의 기능을 개선하거나 제거하는 등의 변화가 있었습니다. HTML5의 가장 큰 특징은 멀티미디어 처리를 위한 , , 요소를 포함하여 네이티브적으로 멀티미디어와 그래픽 콘텐츠를 처리할 수 있다는 점입니다. 이전의 HTML 버전에서는 CSS나 JavaScript에 의존하여 구현되던 기능들이 ...와 ... 요소를 통해 네이티브적으로 확장 가능한 섹션으로 구현되었습니다. 또한, HTML5는 상호 운용 가능한 구현을 촉진하기 위해 상세한 처리 모델을 포함하고 있으며, 문서에 사용 가능한 마크업을 확장하고 개선하며 복잡한 웹 애플리케이션을 위한 마크.. 2023. 6. 22. HTML - form 요소 form 요소는 사용자 입력을 수집하기 위해 사용되는 요소입니다. HTML form 요소는 다양한 요소와 함께 쓰일 수 있습니다. 의 속성에는 type, value, name, id, placeholder, required, readonly, disabled, autofocus 등의 속성이 존재합니다. 이 중 몇 가지만 설명 해보겠습니다 type : 입력 필드의 유형을 지정합니다. 어떤 유형을 설정하냐에 따라 입력 방식과 동작이 달라집니다. value : 입력 필드의 초기값입니다. name : 입력 필드의 이름을 지정합니다. 폼 데이터를 서버로 제출할 때 이 이름을 사용하여 값과 함께 전송합니다. id : 입력 필드의 고유한 식별자입니다. JavaScript나 CSS에서 특정 필드를 찾거나 조작하는데 사.. 2023. 6. 21. HTML - 레이아웃(Layout) HTML - 레이아웃 HTML의 레이아웃을 작성하는 방법에는 를 이용한 방법과 HTML5 레이아웃이 있습니다. 를 이용한 레이아웃 요소는 보통 컨테이너 역할을 하는 일반적인 블록 요소입니다. 하지만 요소에는 CSS의 적용이 쉽기 때문에 요소를 활용한 레이아웃 구성이 가능합니다. 요소의 클래스(class)나 아이디(id) 속성을 추가하여 스타일이나 스크립트 적용을 위한 식별자로 활용할 수 있습니다. HTML5 레이아웃 위의 내용만으로 두 가지의 차이점이 무엇인지 파악하기 어려워 추가적으로 찾아본 내용이다. 를 사용한 레이아웃 구성 를 사용한 레이아웃 구성은 가 일반적인 컨테이너 요소이기 때문에 레이아웃을 구성하기 위해 자유롭게 사용할 수 있다. 는 의미론적인 정보를 가지고 있지 않으며, 주로 CSS 스타일.. 2023. 6. 20. HTML - 블록(block) 과 인라인(Inline) / iframe 과 프레임셋(frameset) HTML - 블록과 인라인 HTML 요소는 기본적으로 블록(block) 과 인라인(inline) 디스플레이 값을 갖습니다. 블록 요소(Block-level Elements) : 블록 요소는 항상 새로운 줄에서 시작하며, 브라우저는 요소 전후에 일정한 공간(여백)을 자동으로 추가합니다. 블록 요소는 가능한 가로 폭 전체를 차지하며, 보통 문단()이나 구역을 정의하는 () 요소가 블록 요소에 해당합니다. HTML에서 사용되는 다른 블록 요소들로는 부터 , , , , 등이 있습니다. 아래는 블록 요소의 예시입니다. This is a paragraph. This is a division or section. 인라인 요소(Inline Elements) : 인라인 요소는 새로운 줄에서 시작하지 않으며, 필요한 만큼.. 2023. 6. 20. 이전 1 2 3 4 5 6 7 8 다음
