본문 바로가기

전체 글

HTML 프로그래밍 3/23 다섯번째(submit/reset과 button 차이) 오늘은 submit/reset과 button의 차이 button에 행동 넣기(간단예제) 파일 추가 태그 autofocus placeholder required 를 배웠다. 1.submit/reset과 button의 차이 input type =" submit/reset " → 이미 동작이 구현되어진 버튼이다. input type =" button " → submit과 reset과는 다르게 동작이 구현되어 있지 않는다. (Javascript를 이용해서 동작구현 가능) 버튼에서 html로도 간단하게 동작을 만들 수 있다. 2.button에 행동 넣기(간단한 예제) onclick → 버튼을 눌렀을때 발생하는 event를 말한다. window.open → window를 새로 여는 event이다. javascrip.. 더보기
HTML 프로그래밍 3/17 네번째(폼,인풋,체크박스) 오늘 배울것은 폼 인풋 체크박스/라디오박스 number&range 태그 날짜 선택 인풋태그 시간태그 버튼(제출,초기화) 이다. 1. 폼(form) : 입력 양식을 담는 틀 폼의 속성 값 method(방법) → post : 주소창에 입력한 것이 보이지 않음. → get : url주소창에 입력한 게 보인다. ex) 로그인 name - JavaScript에 넘겨줄 form 이름을 말한다. action - 에 내용을 처리해줄 프로그램과 연결 (자주 쓰임) target - 현재 창이 아닌 다른 위치에서 열리도록 한다. → form 안에 있는 것들을 묶어준다 → fieldset 제목 설정 tag 코드 사용 인풋 태그 실행화면 2. input태그 type = 입력할 것의 종류를 말한다. ex) text, email,.. 더보기
HTML 프로그래밍 3/16 세번째(표, 행/열합침, 하이퍼링크) 표(테이블) ★★★★★ : 표는 그리는 것을 명시 : table row, 행(줄) 추가 : table data, 열(칸) 추가 : table head, 제목 칸 추가 border = 내에 있는 모든 태그 값에 적용 ★★★★★ 에 테두리x 테두리, 테두리에 적용 → 이부분 잘 기억하기 th vs td 글씨크기, 글씨 굵기가 다름 ← 태그 ← 태그 table의 영역구분, 부분 나누기 → CSS에서 사용 행/열 합침 ★★★★ 행 합침(줄 합침) → 속성값 rowspan 줄 합침(칸 합침) → 속성값 colspan 실행화면 하이퍼링크 삽입 텍스트/이미지 코드 실행화면 이미지 삽입&이미지 tag 사용 시 자주 쓰는 속성 오디오/비디오 삽입(실습X) 더보기
HTML 프로그래밍 3/4 두번째(글씨관련태그, 목록) 글씨 관련 태그(굵기,기울임,위첨자 아래첨자) 인용구문 ← 태그 사용 시 ← 태그 사용 시 text강조(굵게 하기) - 둘다 똑같은 모습 1. 2. -> b=bold text 강조(기울임) - 둘다 똑같은 모습 1. 2. -> 이탤릭체 = 기울임체 위첨자&아래첨자 -> 위첨자(문장위의 자그마한 글자) -> 아래첨자(문장아래의 자그마한 글자) +참고 -> 코드/코딩 - 웹이 코드라는 걸 알수있게 도와주는 역할 취소선&밑줄 태그 목록 1.순서있는 목록 2.순서없는 목록 3.설명목록 1. 순서있는 목록 -> ordered list = 리스트 자체를 말함 -> list 2.순서없는 목록 = unordered list 3. 설명목록 -> description list -> 설명구문 더보기
HTML 프로그래밍 3/3 첫번째(웹,서버, HTML기본구조,제목/본문태그) 오늘 알아볼 것은 웹 서버/클라이언트 HTML기본구조 제목/본문태그이다. 오늘은 HTML의 기본구조를 알아볼 것이다. 1. 웹 사이트 정적 : 정보 제공 web(알바몬-> 알바정보), 기업홍보 web -> HTML+CSS 동적 : 쇼핑몰, 티켓구매 -> HTML+CSS+JS 웹사이트에는 정적 사이트와 동적 사이트가 있다. 정적은 주로 정보 제공에 쓰이며, HTML과 CSS로 만들어지고, 예로는 알바정보를 알아보는 알바몬 등이 있다. 동적은 그와 반대로 구매등 행동이 이루어지는 사이트에 쓰이며, HTML+CSS+JS로 만들어지고(어려움), 예시로는 옷을 구매하는 쇼핑몰 사이트가 있다. 2. 서버, 클라이언트 서버 : 인터넷에 연결된 computer 클라이언트 : 사용자가 사용하는 PC, 스마트폰 등 태그 .. 더보기
Colour - 3/13 HTML 2일차 웹 개발전 HTML 배우기 2일차 HTML은 여러가지 기능 추가, CSS는 추가한 기능들 꾸미기, JS는 동적인 행동 생성에 쓰임 HTML 기본 세팅 자동완성 단축키 = ! + 태그 HTML과 CSS/JS 연동 방법 아래 태그를 안에 써주기 그 후 " " 안에 파일명 기재 태그 TEXT = 텍스트 창 띄어줌. PASSWORD = 패스워드 입력 창 띄어줌. CHECKBOX = 체크박스 띄어줌. RADIO = 라디오 버튼 띄어줌. ※ 취소가 안돼서 체크박스를 더 사용 SUBMIT = 제출 버튼 ※ 코딩시 다른 버튼과 혼동될 가능성이 있어 제출버튼은 꼭 이걸로! BUTTON = 버튼 FILE = 파일을 가져오는 버튼 실행화면 HTML 과제 ◎인풋 태그 사용 ◎P태그 안에 인풋태그 사용하기 더보기
Colour - 3/12 HTML 1일차 웹 개발전 HTML 배우기 1일차 확장에서 추가하면 좋을 기능 태그 수정시 에서 앞 태그 수정시 뒷 태그도 자동 수정 alt+B를 누르면 개발하던 창의 화면이 열림 ※ Ctrl+B는 탐색기 창 닫는 단축키 HTML 시작 부분 lang="나라이름 앞 2글자 표기" 태그 h 태그 제목 표시 태그 1~6 단계가 있는데 갈수록 숫자가 커질 수록 숫자가 작아진다. b 태그 글씨를 진하게 하는 태그 ※ 같은 기능 = strong 태그 br 태그 엔터 역할을 하는 태그 img 태그 이미지 보여주는 태그 ※ 저작권이 있는 사진은 결과 창에 뜨지 않음! p 태그 문장을 쓸때 사용하는 태그 더보기
자바공부시간~ 5일차 클래스 생성 - 첫글자는 대문자, 단어여러개를 쓸경우 각 단어의 앞글자는 대문자로 객체생성 자바에서는 모든 데이터를 객체로 취급함. 클래스를 정의한 이후에 클래스를 통해서 객체를 생성해야함. 객체를 생성하는 방법은 new라는 키워드로 메모리에 할당을 해야함. Human human=new Human(); 클래스를 통해서 메모리에 생성을 했습니다. 이제 human이라는 객체가 생성이 된것이다. 메소드 1.리턴 타입을 정해줘야 한다. 리턴값이 없을 경우에는 void 를 쓴다. 2. 메소드 이름을 정의한다. 3. 메소드는 파라미터라고 하는 입력값을 받을 수 있는데, 0개부터 여러개까지 지정 가능하다. 4. 반환타입이 void가 아닌 경우 반드시 해당 반환타입과 어울리는 변수 or 상수값을 반환해야 한다. 오버로.. 더보기

티스토리툴바