아이프레임 아이프레임은 다른 웹페이지의 내용을 자신의 웹페이지에 포함시킬때 사용한다. 예를 들면 이 코드를 사용하여 구글 홈페이지를 자신의 웹페이지에 포함시킬 수 있다. 단, 구글인 페이스북같은 경우 자체적으로 링크를 막아놨기 때문에 작동하지 않는다. 다른 홈페이지를 이용하기 바란다. 아래 경우 np-eco.com에 연결시킨 경우이다. → 사진을 클릭하면 실제 실행되는 모습이 보여집니다 아이프레임 실행결과

링크연결 search the web : 구글홈페이지로 이동하는 기능을 한다. 이 코드를 실행했을때 다음과 같은 결과값이 나온다. : search the web을 클릭하면 구글사이트로 이동하게 된다. search the web 그러면 이 코드의 결과값은 무엇일까? 차이점이 무엇인가? search the web search the web 이 코드는 새창을 띄워서 지정한 구글홈페이지를 출력하라는 의미이다. 새창이 새로 열리면서 구글페이지가 열리게 된다. HTML 엔티티 때로는 웹페이지에 기호를 사용해야 한다. 저작권기호인 ⓒ 유로기호인 € , 웃는 얼굴 기호 ☺ 도 필요할 수 있다. HTML 엔티티나 특수코드를 사용해 이를 나타낼 수도 있다 웃는 얼굴 코드 ☺ → ☺ © and © → © HTML 엔티티 참고..

셀너비 조절하기 1. 셀에 너비를 주지 않았을때 2. 너비를 각각 주었을때 name age gender

버튼만들기 모든 폼은 제출버튼이 필요하다 아래와 같이 input 타입인 'submit'을 이용하여 추가할 수 있다. 이를 실행하면 '제출'이란 텍스트와 함께 간단한 버튼을 만들 수 있다. 버튼의 텍스트를 바꾸고 싶다면 아래와 같이 value 어트리뷰트를 이용하여 추가할 수 있다. 보충설명 submit 기능은 서버와 쌍방향 소통을 할 때 반드시 필요한 기능입니다. 흔히 우리가 회원가입을 할때 개인정보 양식을 마친후 제출을 눌러야 등록이 되는 개념입니다.

">텍스트 영역  사용자가 일정 텍스트를 입력하기 위해서는 작은 박스 이상이 필요하다.   ??????     이 코드를 실행하면 어떻게 나올까요?       보충설명 이 폼은 고정된 결과값을 출력시키기 위한 것이 아니라 웹페이지 상에서 사용자가 게시판같은 곳에 글을 남기기 위해 글을 입력하는 텍스트창으로 쓰인다.  입력폼중의 하나로 텍스트를 서버로 입력해 나의 글을 기록할때  사용하는 것이다.  회원가입할때 이름이나 개인정보를 한글로 입력하는 입력창을 말합니다. 아주  많이 사용해보셔서 이해가 쉬우리라 생각됩니다.

1. 드롭다운 메뉴 만들기 사용자가 일정 범위의 옵션 중에서 선택할 수 있도록 드롭다운 항목을 만들고 싶다면 select 태그를 사용한다. 이 폼은 꺽쇠를 클릭하는 순간 선택할 수 있는 숫자가 수직으로 나열되고 그중에 하나를 선택할 수 있는 기능을 가진다 홈페이지에 회원가입시 개인정보를 입력할 때 많이 접할 수 있는 태그이다. 더보기 1 2 3

폼 중간점검 체크박스와 라디오박스의 차이점에 대해 정리해보세요 1. 사용자에게 뉴스레터에 가입할지를 물어보는 경우 2. 사용자에게 커피와 녹차중 어느 것을 원하는지 물어보는 경우 3. 사용자에게 항목 중에서 어느 나라를 여행한 경험이 있는지 물어보는 경우

라디오버튼 만들기 사용자가 하나의 선택만 하게 만들려면 (예를 들어 옷의 사이즈선택하기) 라디오 입력 타입을 사용할 수 있다. 더보기 이 그림을 누르면 소스코드가 나타납니다 태그를 추가했을때 버튼의 모습 여기서 태그를 추가하면 어떻게 달라지는지 보세요 줄바꿈해서 세로로 정렬합니다 태그는 문단을 나누는 태그이기 때문입니다 더보기 small Medium Large

체크박스 폼 만들기 input 태그를 이용해 체크박스도 만들 수 있다. 빨강, 파랑, 녹색 중에서 좋아하는 색을 고를 수 있도록 체크박스 3개를 만드는 코드를 만들어 보자.

오늘은 입력폼 중에서 암호입력 폼을 보겠습니다. 입력 형태를 text에서 'password'로 바꾸면 어떻게 바뀔까요? text → password 제가 앞 글에서 소개한 태그연습홈페이지 잘 사용하고 계신가요? 보시는 것처럼 암호 입력폼은 문자가 가려져서 별표로 표시됩니다. 그렇지 않으면 암호기능이 아니겠죠??