목록WEB/HTML (3)
jennet1 님의 블로그
input 태그는 사용자로부터 데이터를 입력받기 위한 폼 요소를 생성하는데 사용한다. 다양한 유형의 입력을 받을 수 있고type 속성을 사용해 입력 방식이나 데이터를 지정할 수 있다. 기본구조에 대해 알아보자 주요 속성type : 입력 필드의 유형을 지정 : text,password,emailname : 서버로 제출할 때 이 입력 요소의 이름을 지정한다.value : 필드의 초기값을 지정한다.placeholder : 필드가 비어 있을 때 표시되는 힌트 텍스트 이다.required : 필수 입력 필드를 지정한다.disabled : 입력을 비활성화 시킨다.readonly : 입력 필드가 읽기 전용으로 변경된다.maxlength : 입력 가능한 최대 글자 수 를 제한한다.1. TEXT 필드 입력2. Pas..
경로(path)? 웹 개발에서 경로의 중요성- 웹 개발에서 경로는 파일 또는 리소스에 접근하기 위해 필수적인 개념이다. 서버 내의 파일 시스템에 폴더의 위치를 가르키며 해당 파일을 찾고 가져오도록 한다. 경로를 사용하는 이유 리소스 연결 : HTML,CSS,JS 파일 및 이미지, 비디오 등 웹페이지에 연결하여 웹 어플리케이션이 작동할 수 있도록 하는 목적이 있다. 구조적 파일 관리 : 프로젝트의 구조가 커지면 파일을 체계적으로 관리하고 연결하는데 중요한 역할을 한다.유지보수 : 프로젝트가 커지거나 변경이 있을 때 경로 설정이 잘 되어있으면 리소스 위치를 쉽게 수정하고 관리가 가능하다.절대경로 정의 : 최상위 루트를 기준으로 경로를 지정하는 방식예시 : /root/style.css , https://exa..
HTML 에서 표 형식으로 표현할 때 주로 사용하는 태그이다. 의 기본 구조,속성,예시를 살펴보자. 1. table 의 기본구조 : 테이블 전체를 감싸는 태그입니다.: 테이블 헤더를 정의합니다.: 테이블 본문을 정의합니다.: 행(row)을 나타냅니다.: 헤더 셀을 나타내며, 기본적으로 텍스트가 굵고 중앙에 정렬됩니다.: 데이터 셀을 나타냅니다. 헤더 1 헤더 2 헤더 3 데이터 1 데이터 2 데이터 3 데이터 4 데이터 5 데이터 6 결과1. table 태그의 주요 속성border: 테이블..