본문 바로가기

Web/HTML11

[HTML] 라디오버튼/radio/label태그/개별선택/중복선택 111111 2222222 1111 2222 3333 1111 2222 3333 1번 라디오버튼 그룹 설명 태그는 라디오 버튼이나 체크박스를 클릭할때 해당 버튼을 클릭하지 않고 버튼옆에 텍스트를 클릭해도 그 버튼이 선택되도록 해주는 태그이다.따라서 111111, 222222 글씨를 클릭해도 라디오 버튼이 선택되어진다. 2번 라디오버튼 그룹 설명 태그가 없기에 라디오버튼을 클릭해야지만 선택이 된다. 3번 라디오버튼 그룹 설명name값을 모두 다르게 지정하면 중복선택이 가능하다.1번,2번 그룹의 라디오 버튼들은 name값이 같으므로 1개의 라디오버튼만 선택이 가능하다. 2016. 9. 29.
[HTML 기본 개념] HTML 문법-폼(form)이란/GET/POST/form 문법/사용방법 1.1 폼-사용자의 데이터를 서버에 전송하는 방법이다-Login을 위해서 아이디/비밀번호를 입력할 때, 회원가입을 하기 위해서 개인정보를 입력할 때, 블로그 및 게시판에 글을 작성하거나, 파일을 전송할 때 à 등을 위해 폼을 사용-폼 동작방법1) 태그 안쪽에 텍스트 필드나, 라디오 버튼 등이 위치 à 이러한 요소들을 컨트롤 (control)이라고 부름2)사용자가 컨트롤을 조작한 후에 전송 버튼을 누르면 태그의 속성인 action에 기술된 URL로 사용자가 입력한 정보를 전송함.3) 서버는 이 정보를 받아서 저장하거나, 계산된 결과를 보여주는 등의 작업을 수행하게 된다. 2016. 6. 23.
[HTML 기본 개념] HTML 문법-표/표 속성(colspan,rowspan 외) 1.1 표-태그는 테이블의 시작을 알려주는 태그. 테이블의 끝은 태그로 표시-태그는 table row의 약자로 행을 정의.-태그는 table data의 약자로 각 행에 셀을 정의.-테이블을 만드는 순서: 테이블을 정의(table) à 행(tr)을 지정 à 셀(td) 생성2.7.1 표 속성-왼쪽에서 오른쪽으로 column을 확장하는 경우 colspan, -위에서 아래로 row를 확장하는 경우는 rowspan-테이블 경계선의 두께를 지정하는 속성은 border-셀의 여백을 지정하는 cellpadding-셀과 셀 사이의 공간을 지정 cellspacing-테이블의 너비와 높이를 지정하는 속성은 width와 height -테이블 자체를 정렬 시키려면 태그 내에서 align 속성을 사용. 2016. 6. 23.
[HTML 기본 개념] HTML 문법-이스케이핑(escape 문자)/특수문자 1.1 이스케이핑-HTML 코드는 브라우저에 의해서 해석되는 약속된 문자들-HTML 상에서 특수문자가 제대로 나타나지 않을 수 있기에, 자주사용되는 특수문자를 모아보았다.l & → & (ampersand, U+0026)l à 띄어쓰기l → > (greater-than sign, U+003E)l " → " (quotation mark, U+0022) l ' → ' (apostrophe, U+0027) 2016. 6. 23.
[HTML 기본 개념] HTML 문법-프레임과 ifame 1.1 프레임과 iframe-페이지안에 페이지를 삽입하는 방법-프레임(frame)은 하나의 웹 브라우저 화면에 여러 개의 HTML 문서를 표시할 때 사용함.-주로 네비게이션(메뉴)과 컨텐츠 부분을 분리하기 위해서 사용한다. - 프레임을 정의하기 위해서는 태그와 태그가 필요 frameborder 프레임의 경계선을 표시할지 여부를 지정. 0으로 지정하면 경계선이 보이지 않고 1로 지정하면 경계선이 출력 Marginheight/ marginwidth 프레임의 여백을 지정 noresize 이 속성에는 값을 지정하지 않음. 프레임의 크기를 고정하고 싶을때 추가해 주는 속성 scrolling 프레임내에 스크롤바가 생길지 여부를 지정 (yes|no|auto) 2.5.3 iframe -아이프레임이란 내부 프레임(inl.. 2016. 6. 23.
[HTML 기본 개념] HTML 문법-목록/ol/ul 1.1 목록- 연관된 항목들을 열거할 때 사용- 리스트 전체는 이나 태그로 감싸고 각각의 항목들은 태그로 표현한다.- 순서가 없는 항목은 ul(unordered list), 순서가 있는 항목은 ol(ordered list)를 사용한다 2016. 6. 23.