끈기의 힘 : 뉴비에서 풀스텍으로

3. 선택 1) 여러 폼 태그 중 'dropdown list' : 제한된 공간 안에서 여러개의 선택지를 선택할 수 있도록 하는 형태. ex) 사용자가 정해져 있는 색상 중 하나를 선택한다고 할 때라고 가정, 이때, 라는 부모 태그 - 이라 하는 자식 태그를 사용하여 '선택지'를 만들 수가 있다! 색상 붉은색 검은색 파란색 이라 설정하고, 제출을 하게 되면 또 문제가 발생한다. 왜? select라 하는 것의 이름이 정해지지 않았으니까 제대로 전달되지 못한다. 그래스 처럼 이름을 설정해주어야 한다. 이름을 설정한 상태로 다시 제출 버튼을 누르게 되면 주소 창에 color=검은색 or 붉은색 처럼 제대로 정보가 전송되었음을 나타내준다. ★ 근데 이렇게 보이는 것은 어디까지나 사용자가 보기 편한 형태이고, 만약..

링크 : opentutorials.org/course/2039/10944 입력양식 - form - 생활코딩 입력양식 - form 2015-12-06 10:16:50 예제 아이디 : 비밀번호 : 주소 : 등장시기 html2 opentutorials.org 1. 입력 양식 (로그인 양식을 만든다고 했을 때!) : 태그를 사용하기 전에 ex) 아이디 : 근데 이렇게 설정해놓으면 패스워드가 다 보여지기 때문에 input 태그에서 type 속성을 "password"로 설정해줘야 한다. 그렇게 해야!! 패스워드에 무언갈 입력해도 까만콩으로 보안된다. 이제 웹 브라우저에서 입력하여 웹 서버가 있는 컴퓨터로 아이디와 패스워드를 전송해야 할 버튼을 만들어보자! 일반적으로 '제출하다.'란 의미니까 type 속성을 'sub..

기본적인 형태는 행(가로, row)과 열(세로, column) ★ border라는 속성을 설정하지 않으면 표의 테두리가 생성되지 않음. (table row) or (table column) 일듯. th냐 td냐의 차이점은 각각의 행을 강조하느냐 하지 않느냐의 차이가 있어서 태그가 '제목'의 역할을 한다고 생각하자. ※ 위의 사진에서 보이듯, ex) 를 하면 행 합치기(2개의 행을 하나의 행으로 합친다. 란 의미.) ★ 다만, 속성 rowspan이 쓰이는 행이 첫번째 행이고 그 다음에 오는 행이 2번째 행이다. 물론 열도 같은 3열만. -- ※ 폼(Form) : 폼을 알기 전에 웹에서도 배운 '클라이언트와 서버'의 개념에 대해서 다시 한번 짚어보고 넘어가자. 서버는 정보를 제공하는 쪽이고, 클라이언트는 정..

※ 웹이 무엇인가? : html이 이루고자 하는 목적. - 웹과 인터넷은 다르다. 웹이 있으면 이 웹을 포괄하는 게 인터넷. 웹은 인터넷의 서비스 중 하나이다. (이메일, ftp 등의 서비스) ★ 1960년 인터넷의 탄생 ★ 1990년 웹의 탄생 ('CERN' 팀 버너스 리) Server와 Client 클라이언트 = 고객 or 갑(현장의 언어) : 데스크탑, 핸드폰 등 서버 = 공급자 or 을 : 지금 우리가 보고 있는 정보들을 보내주는 곳 -- 클라이언트 -> 서버에게 '요청' / 서버 -> 클라이언트에 '응답'하는 관계 클라이언트 컴퓨터에 기본적으로 하드웨어가 설치되어있고, 그 위엔 운영체제(OS : MS 등), 그 위엔 웹 브라우저(크롬 등)가 설치 되어있다. ex) 웹 브라우저로 특정 주소 or ..

- web1-13('html의 규칙')의 내용이 기록 1-9에 있으니 참조. - web1-17 이후의 웹호스팅 및 웹서버 등에 관련해선 까먹으면 다시 생활코딩 선생님 강의로 돌아가렴. ● WEB 1-14 __ : Anchor로 정보의 바다에 정박한다는 의미로 생각. 표현해주는 것은 '링크'이다. 이때, 태그가 단독으로 쓰이지 않고 속성도 같이 나온다. 그게 바로 href (Hypertext Reference) 이다. 즉, 원하는 주소를 1.html 큰 따옴표 사이에 넣어주면 1.html이란 문구에 하이퍼링크가 생성이 된다. 위 예제에서 target="_blank"는 링크를 클릭했을 때 새창에서 페이지가 열리게 하는 속성이다. (* target이란 속성을 넣지 않은 상태라면, 링크를 누르는 순간 현재 창에..

● WEB 1-11 태그 : 이미지를 불러올 수 있는 태그로 태그와 마찬가지로 닫는 태그가 없다. 예를 들어,