본문 바로가기

웹 프로그래밍

 (181)
[HTML] 클라이언트의 정보를 서버로 보내기 (form 태그, input 태그) 클라이언트의 정보를 서버로 보내기 위해서 form 태그를 사용한다. form 태그 내에서는 input 태그, button 태그 등을 사용할 수 있다. typetext(한줄입력) password(암호처리) --- 가입할 때 비밀번호 * 처리되는 것 checkbox(다중선택) --- 가입할 때 여러개 선택하는 것 radio(단일선택) --- 남자냐 여자냐 button(사용자정의이벤트) file(첨부파일) --- 가입할 때 첨부파일 찾아보기 reset(초기화) hidden(입력받지 않은 데이터 전송) submit(입력받은 모든 데이터를 전송) --- form태그 전체의 내용을 전송한다. 여러 줄 입력 기타 타입 참조 submit 버튼을 누르면 form 태그 내의 정보를 모두 서버에 전달한다. submit 기능..
[HTML] 링크 기능이 있는 게시판 만들어보기(table, a 태그) 게시판 목록 게시판 목록 선 그리는 태그 번호 제목 글쓴이 등록일 46 동적인 글 테스터 2012-11-07 45 자바제목 JDBC 2012-11-07 44 자바제목 JDBC 2012-11-07 43 자바제목 JDBC 2012-11-07 게시글 상세 게시물 상세 번호 46 제목 동적인 글 글쓴이 테스터 내용 잘되겠지 등록일시 2012-11-07 목록
[HTML] 계산기 모양 구현하기 <input type = "button"/> https://tyrionlife.tistory.com/191 [JS] 버튼을 누를 때마다 동적으로 변하는 페이지 만들기(계산기) Insert title here input 태그의 type 속성을 선택자로 쓰려면 어떻게 할까? 아래처럼 하면 된다. input[type='button']{ /* padding : 0 20px; margin : 0px 5px; */ } 다른 버전 tyrionlife.tistory.com 잘 모를 때 만들어서 엉망이다. CSS, JS 까지 입힌 계산기 버전은 위 링크에 있다. + 추가 : input type text 하면 입력을 키보드로 받을 수 있다.
[HTML] 한 번에 여러 줄의 코드를 수정하기 (alt + shift + a) (alt + shift + a) 누르면 한 번에 여러 줄을 수정할 수 있는 모드로 전환된다. 다시 돌아오고 싶으면 한번 더 (alt + shift + a) 누르면 된다.
[HTML] 테이블 만들기 & 테이블 합치기 <table> 태그 사실 table 태그를 쓰기 보단 div 태그를 많이 쓴다 테이블의 구조 - thead - tbody (여러 개 있어도 됨) - tfoot 원래 순서는 (caption) - thead - tfoot - tbody 순으로 구성했으나, 요즘에는 (caption) - thead - tbody - tfoot 구성을 권장한다고 함. 키워드 : table, tr, td, colspan, rowspan 1-1 1-2 2-1 2-2 첫번째칸 두번째칸 두번째칸 세번째칸 첫번째칸 두번째칸 table thead tbody tfoot 연습 h-1 h-2 h-3 h-4 h-5 table foot 1-1 1-2 1-3 1-4 1-5 2-1 2-2 2-3 2-4 2-5
[HTML] HTML Standard (w3c 문서 참고하기) HTML의 표준을 W3C에서 제정(?)하고 있다. 개발에 참고하면 좋을 듯! https://html.spec.whatwg.org/multipage/#toc-semantics HTML Standard html.spec.whatwg.org
[HTML] 멀티미디어 삽입하기 HTML4 VS HTML5 HTML5 이전 - embed - audio - object HTML5 - video - iframe: 어떤 영역 안에 비디오를 삽입 시키기 위한 태그. pdf, youtube 동영상 삽입 가능. HTML5이전 embed: HTML5 버전 : HTML5 이전버전 : embed tag 이용 HTML5 이전버전 : object tag 이용 HTML5 버전 : video tag 이용 Youtube 영상 상입 Youtebe 영상 삽입: 시작시간 지정 03. HTML 기초.pdf
[HTML] 목록 접기, 같은 문서 내 이동(details , a 태그의 #) details : 목록 접기 # : 같은 문서 내 특정 부분으로 이동 광명융합기술교육원 학과정보 학과사이트이동 데이터분석과 바이오융합과 전기에너지시스템과 증강현실시스템과 데이터분석과 안녕하세요 데이터분석과입니다. 바이오융합과 안녕하세요 바이오융합과입니다. 궁금하신 사항이 있나요? 그럼 010-5555-5555로 연락주세요. 전기에너지시스템과 안녕하세요 전기에너지시스템과입니다. 증강현실시스템과 안녕하세요 증강현실시스템과입니다. 주소: 경기도 광명시 오리로 904 전화번호 : 02-2618-2306

티스토리툴바