FE/HTML,CSS5 HTML - Input태그 종류 설명 text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 박스를 넣습니다. password 비밀번호를 입력할 수 있는 필드를 넣습니다. search 검색할 때 입력하는 필드를 넣습니다. url URL 주소를 입력할 수 있는 필드를 넣습니다. email 이메일 주소를 입력할 수 있는 필드를 넣습니다. tel 전화번호를 입력할 수 있는 필드를 넣습니다. checkbox 주어진 여러 항목에서 2개 이상 선택할 수 있는 체크 박스를 넣습니다. radio 주어진 여러 항목에서 1개만 선택할 수 있는 라디오 버튼을 넣습니다. number 숫자를 조절할 수 있는 스핀 박스를 넣습니다. range 숫자를 조절할 수 있는 슬라이드 막대를 넣습니다. date 사용자 지역을 기준으로 날짜(연, 월, 일)를 넣습니다. .. 2023. 8. 3. HTML 입력 양식 폼? - 사용자가 웹 사이트로 정보를 보낼 수 있는 요소들 - 폼과 관련된 대부분의 작업들은 정보를 저장하거나 검색하거나 수정하는 일들 - 이런 작업은 모두 데이터베이스를 기반으로 한다. - 아이디를 입력하는 텍스트 필드나 버튼 같은 폼의 형태를 만드는 것은 HTML 태그 - 폼에 입력한 사용자 정보를 처리하는 것은 ASP나 PHP같은 서버 프로그래밍 이용을 많이한다. 태그 - 폼을 만드는 기본태그, 사이에 여러 폼 요소 삽입 태그의 속성 속성 설명 method 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄 것인지 지정합니다. method에서 사용할 수 있는 속성값은 get과 post입니다. - get: 데이터를 256~4,096byte까지만 서버로 넘길 수 있습니다. 주소 표시줄에 사용자가.. 2023. 7. 29. HTML 기본문법-2 단락 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부릅니다. 보통 HTML에서는 태그를 이용하여 이러한 단락을 표현합니다. 내용 삽입 - 태그 (break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌수 있습니다. - 태그 (preformatted text) 를 사용하면 작성한 코드를 그대로 표현하는것입니다. 내에 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현됩니다. - 태그 (bold text)태그나 태그는 HTML문서에서 텍스트를 굵게 표현할때 사용합니다. - 태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다. - 태그 (italic text)는 텍스트를 이탤릭체로 표현해줍니다. 이탤릭.. 2023. 7. 29. HTML기본문법-1 HTML시작 기본적으로 Html파일의 시작은 ! 을 누르고 엔터를 치면 HTML의 기본 형식이 나타난다. 또는 html:5 치고 엔터를 쳐도 기본문서가 나타난다. html lang = "en" 은 html 의 언어영역을 영어로 설정하겠다는 뜻이다. 이를 ko로 변경하게되면 언어를 한국어로 사용하겠다는 뜻이된다. Document 는 HTML의 이름을 뜻하며, 웹페이지에 들어갔을때 크롬과 제 블로그를 예시로 했을경우 Pozip's House 라고 뜨는 부분을 설정하는 양식이다. HTML의 내용들은 body안에 작성하게되며, CSS는 head부분안에 style태그를 삽입하여 삽입하게되거나 css파일을 링크를 달게된다. 기본적으로 HTML은 형식을 이루고 있다. 작성할내용 형식으로 작성하게된다. 예를 들어 .. 2023. 7. 26. 이전 1 2 다음
