웹 프로그래밍/HTML (22) 썸네일형 리스트형 [HTML] a 태그에 대해 알아보자 a 태그는 anchor(닻) 이라는 의미를 가진다. 즉, 어떤 페이지로 링크를 거는 기능을 한다. 이때, 경로를 잘 지정해야 한다. 경로를 제대로 입력하지 않으면 404 에러가 난다. '../' 의미 : 현재 html이 속한 경로의 상위에 있는 target 속성을 통해 새창으로 띄울 수 있다. exam01 exam01 네이버 다음 [HTML] form 태그 실습 색상 : 시간 : 날짜 : 범위 : 수량 : 검색어 : 전화번호 : 이메일 : SNS주소 : 버튼 초기화 전송 [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 이전 1 2 3 다음
