전체 글

지난 시간에 이어서 FORM 만드는 실습중에서 -을 이용해서 글자 또는 이미지와 input 태그를 한번에 묶어서 하나의 몸뚱아리로 만드는 것을 해봤다. text 박스를 클릭안해도 사용자 id 부분 글자를 클릭해도 텍스트 박스가 활성화되고 체크박스를 사용할때도 이미지나 글자와 같이 태그로 묶으면 체크박스에 직접 클릭안해도 글자나 이미지를 클릭하는 것만으로도 선택이 된다. -시간 정보 입력 을 이용해서 시간 정보를 입력할 수 있는 form 형태를 만들어봤다. - 시간 정보 입력을 활용해서 생일 날짜와 생일파티 시간 / 장소를 선택해서 확인누르면 서버에 저장되도록 만드는 웹페이지도 만들어 봤다. - 그리고 등을 사용해봤다 거기에 placeholder ="" 라는 속성을주면 ""안에 글자를 적으면 텍스트란에 회..

1. 스맨틱 태그를 이용하는 실습 일반 이나 태그만을 사용해서 웹을 만들게되면 검색엔진에 걸리지 않는다. 하지만 시맨틱 태그 등의 태그를 이용하면 검색엔진에 쉽게 검색이 될 수 있도록 해준다. 2. 만들기 로그인 화면에 아이디 입력창과 비밀번호 입력창을 만들어봤다. 그리고 datalist 를 이용해서 목록중에서 선택할 수 있도록 만들어 보기도 했다. 그리고 각종 버튼을 만들어봤다. 버튼을 만드는 방법에는 두가지가 있었다. 1) 을 주는 방법과 2) 이름 그리고 checkbox와 radio 를 이용해서 목록중에 클릭해서 선택하는 form형식도 만들어봤다. ============실습과정에서 궁금한점 + 막힌점 ============ 시맨틱 태그에서 CSS를 활용해서 따로 영역을 나눠 줬는데, 그 과정에서 사..

0609 자습 했던 내용 1. 프레임을 나누는 작업을 태그를 이용해서 해봤다. 두개의 프레임에 들어갈 내용은 따로 html 파일을 만들어서 같은 폴더에 넣어놓으면 된다 . 새로 html 파일을 만들지 않고도 속성을 이용하면 해당 프레임에 바로 글씨를 나타낼수있다. 단, srcdoc 태그에는 html 구조가 제대로 들어가 있어야함 2. 이번에는 프레임에 http주소를 넣음으로써 해당 주소를 바로 프레임에 보여주는 실습을 했다. 3. 프레임을 안에 새로운 프레임을 넣을수있다. name 으로 left / right / upper / lower 등을 이용해서 프레임 안에 또 프레임을 위치를 넣을수 있다. 4. 태그를 이용해서 링크를 열때 해당링크를 여는 위치를 target 으로 지정 해줄 수있다. target=..

HTML 자습 - 태그는 태그와 함께 블록을 구성하기 위해 가장 많이 사용됨 div 는 여러 HTML 태그들을 블록으로 묶는 컨테이너로 이용된다. 블록 전체에 동일한 CSS 스타일을 적용하거나 자바스크립트로 블록을 하나의 단위처럼 다루고자 할때!! 이미지 맨아래 나온것 처럼 하나의 블록처럼 바탁색과 여유공간 폰트크기를 줄수있음 - 중첩리스트 / 태그 안에 새로운 태그를 넣어서 리스트 안에 또 다른 리스트를 만드는 작업 - 표만들기 / 표만드는 방법에는 두가지 방법이 있는거 같다. 1. 을 이용한 표만들기 2. 그냥 와 로만 이루워진 표만들기. 2번이 만들기는 빠른데 나중에 코딩을 확인할때 1번으로 만드는 것이 보기가 편할것 같다. + 표를 사용하면 이미지 같은거나 form을 쓸때 깔끔하게..