웹/HTML12 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. HTML - 테이블(table) HTML 테이블은 웹 개발자가 데이터를 행과 열로 구성하여 정렬할 수 있게 해줍니다. 테이블을 사용하면 데이터를 구조화하고 시각적으로 표현할 수 있습니다. HTML에서 테이블을 사용하는 방법은 다음과 같습니다. 1. 테이블 엘리먼트 생성 : 태그를 사용하여 테이블을 생성합니다. 2. 행 생성 : 태그를 사용하여 테이블의 각 행을 생성합니다. 3. 열 생성 : 태그를 사용하여 각 행에 열을 생성합니다. 태그는 셀의 내용을 정의합니다. 김치천국 000-000-000 국가 4. 열 제목 생성 : 테이블의 열 제목을 나타내려면 태그를 사용합니다. 태그는 태그와 비슷하지만 보통 굵은 글씨로 표시되면 가운데 정렬 됩니다. 회사 연락처 국가 5. 행 병합 : 한 열에 여러 행을 병합하려면 rowspan 속성을 사용합.. 2023. 6. 20. 이전 1 2 3 다음
