[HTML] form 이해하기

form태그 속성 action : form이 전송되는 서버 (url 또는 html 링크) name : form의 이름 (서버로 보내질 때 이름의 값으로 데이터 전송) accept-charset : 문자 인코딩 지정 target : action에서 지정한 스크립트 파일을 다른 위치에 열도록 지정 method : 전송 방법 설정 (get, post) form 내부의 태그와 속성 type : 입력 형식 name : 서버로 전송되는 데이터 이름 : text 입력란 : password 입력란 (입력 내용이 안보임) : 버튼 : form에 입력한 데이터를 서버로 보내주는 버튼 : form에 입력한 모든 데이터 삭제 : 단일선택 : 다중선택 : file 업로드 : 눈에 보이지 않는 정보를 서버쪽으로 보낼 때 사 여러..

• format_list_bulleted programming/html & css
• · 2020. 12. 24.
• textsms

[CSS] inline, block, inline-block

display 속성은 HTML요소 (Element)들을 시각적으로 어떤 형식으로 보여줄지 결정하는 속성 dispaly: inline; 텍스트처럼 dispaly: block; 상자처럼 inline 요소들 , , , - 기본적으로 옆으로 쭉 나열 되다가, 공간이 모자라면 다음 줄로 넘어감. block 요소들 , - width, height으로 크기를 설정할수 있고, 옆에 공간이 남아도 다음 줄로 넘어감. inline-block속성은 위 두가지의 특징을 모두 가짐, inline처럼 텍스트 흐름대로 쭉 나열되고, block처럼 박스 형태라 width, height로 크기 설정 가능. .box1 { display: inline-block; width: 300px; } .box2 { display: inline-b..

• format_list_bulleted programming/html & css
• · 2020. 12. 24.
• textsms

[CSS] flex사용 배치 연습

Flex란 레이아웃 배치 전용 기능. Flex 레이아웃을 만들기 위한 기본적인 HTML구조 helloflex abc helloflex dispaly: flex; 한줄로 아래와 같이 배치. .container { dispaly: flex; } flex-wrap 줄넘김 처리 연습 연습하다가 만든 트리..

• format_list_bulleted programming/html & css
• · 2020. 12. 24.
• textsms

크리스마스 카드 만들기

봉투를 열어봐! 2020년 수고 많았어! 친구들에게. 올해 이런저런 일이 많았는데 너희 덕분에 하나도 힘들지 않았어 내년에도 우리 우정 변치말자 연말에 다 같이 못 봐서 아쉽다 2020.12.25 길동이가 실행화면 봉투를 클릭하면 봉투가 열린다 결과링크 xmas.spartacodingclub.kr/v1g3QHFEovYA/xmas.html

• format_list_bulleted programming/html & css
• · 2020. 12. 19.
• textsms

[HTML] 간단한 로그인 페이지 만들기-2

로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 실행결과

• format_list_bulleted programming/html & css
• · 2020. 12. 19.
• textsms

[HTML] 간단한 로그인 페이지 만들기

태그 몇개만 사용해주면 아주 간단하게 로그인 창을 띄울수있다. 제목을 나타내주는 태그 문단을 나누는 태그 입력할수 있는 input창을 만드는 태그 버튼 만드는 태그 실행결과 HTML 기초 태그 정리 출처 online.spartacodingclub.kr/

• format_list_bulleted programming/html & css
• · 2020. 12. 19.
• textsms