웹 퍼블리싱/HTML10 10. 폼 태그 이번 포스팅에서는 폼에 관련된 태그들에 대하여 다뤄보겠습니다. 폼(form)은 로그인, 회원가입, 아이디 비밀번호 입력 등 웹 브라우저로 정보를 보낼 수 있는 요소입니다. 따라서, 폼 요소는 웹 브라우저에서 많이 사용되고 있으며, 폼 태그 중에서 많이 사용되는 태그들을 소개하겠습니다. 1. 요소 태그는 앞서 포스팅한 빈태그에 해당하기 때문에, 별도의 내용을 입력하지 않습니다. 다만, type 속성을 통해 다양한 양식으로 활용할 수 있습니다. : type="text"는 주로 아이디나 주소 등 단순 텍스트 입력란을 제공할때 사용합니다. 속성으로는 "placeholder"가 있으며, 사용자가 값을 입력하기 전에 미리 화면에 노출하는 텍스트입니다. : type="password"는 type="text"와 동일하.. 2023. 4. 23. 9. 테이블 태그 이번 포스팅에서는 표를 만들 때 사용하는 테이블 태그에 대하여 알아보겠습니다. 테이블 태그도 실제로 작업할때 많이 사용되는 태그이니, 직접 HTML 코드를 작성하면서 읽어보시는 것을 권해드립니다. 1. 테이블 구성 요소 테이블은 표를 만들 때 사용하므로, 표를 생각하시면서 태그와 연관짓는게 좋습니다. 표에는 행과 열이 있는데 행은 가로 방향을 의미하며, 열은 세로 방향을 의미합니다. 사용하다보면 쉽게 헷갈릴 수 있으니 기본 개념을 잘 숙지하는게 좋을 것 같습니다. 이러한 테이블을 구성하는 요소는 다음과 같습니다. 태그 : 표를 만드는 태그 태그 : 행을 만드는 태그 태그 : 제목 셀을 만드는 태그 태그 : 셀을 만드는 태그 순서 1 2 3 크기 1 2 3 예시 코드를 분석해보면 행을 만드는 태그가 2개 .. 2023. 4. 21. 8. 이미지 태그, 상대경로/절대경로, 리스트 태그 이번 포스팅에서는 이미지를 표시할 수 있는 이미지 태그와 리스트를 만들 수 있는 리스트 태그에 대하여 다뤄보겠습니다. 또한, 이미지 태그에 경로 지정이 필요하기 때문에, 상대경로와 절대경로에 대해서도 이야기해 보겠습니다. 1. 이미지 태그 웹 브라우저를 사용하다보면 텍스트와 이미지들이 다양하게 사용되는 것을 확인하실 수 있는데요. 적절한 위치에 이미지를 사용하면 이해도 더 잘되고, 시선을 끌기에도 유리합니다. 이렇게 이미지를 웹 브라우저에서 사용하기 위해서는 이미지 태그를 활용해야 하며, 이미지로 사용할 수 있는 파일 형식이 있습니다. [웹에서 사용 가능한 이미지 파일 형식] GIF : 표시할 수 있는 색상 수가 256가지뿐이지만 파일 크기가 작아 아이콘 등의 작은 이미지에 많이 사용하며, 투명한 배경이.. 2023. 4. 19. 이전 1 2 3 4 다음 반응형
