안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^!! 그럼 시작합시다 다양한 태그에 대해 알아봅시다. 입력태그 #1: input - text : -자동 출력한다. - password: 키보드입력, ****로 표시된다. - radio : (싱글초이스)name을 gender로 했을때, gender라는 이름은 하나만 선택할 수 있다. = 남여 하나만 고를 수 있다(name선언안하면 둘 다 선택된다) 따라서, gender는 단일선택 - checkbox: (멀티초이스)gender라는 이름이 같을때, 복수개 선택가능하다. = radio에서 gender를 안적고 할 수 도 있다. - hidden: 화면에 안보이지만 자동으로 전송값을 넘긴다. 화면에 드러나지않고 자동으로 값을 넘기는 ..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 iframe태그와 span, div태그에 대해 알아봅시다. iframe이란, i는 in을 의미하며, 1의 html파일 내부에 다른 파일을 포함한다. (1) 임의의 링크 또는 html를 주고 화면안에 틀을 넣을 수 있다. (2) iframe이름을 부여해서 하이퍼링크로 사용할 수 있다. div이란, 여러줄로 출력한다.( 사실상의 입력값은 없음) 는 2 px굵은 빨간선점에 파란글자를 뜻한다. span이란, 한 줄로 출력한다. (글자가 없으면 출력확인이 불가능) 대체적으로, div를 많이 사요요하기때문에 기억해두어야한다. Div와 Span의 차이점이 뭘까요? span과 div의 차이에 대하여 간략하게 작성하려고 ..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 기본 스타일시트 적용 " 1) tag : 가장 기본적인 태그 속성 정의 " // 태그명을 이용해서 div { width: 800px; } " 2) class : 여러번 사용할 수 있는 스타일 정의 " // .클래스명을 이용해서 .total { width: 800px; } " 3) id : id 요소를 호출할 수 있는 스타일 정의 " // #id명을 이용해서 #wrapper { width: 800px; display: block; position: static; } 형식 상에서의 스타일 구분 " (1) head(Embed Style) 스타일 " " (2) link 스타일 " (외부스타일 적용) " 3) in..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 Block형식의 Tag를 정렬하기위해 어떤 속성을 사용해야할까요? " 간단히 익히는 div의 float 속성 " ** 박스 이동, 정렬(float 속성) 속성 float 값 left, right, none, inherit 기본값 none 적용대상 position 속성의 값이 "static"인 element(content 속성으로 생성된 내용 제외) 속성 값에 대한 의미는 다음과 같습니다. (1) float: left 그 element를 왼쪽으로 float된 블록 박스로 만듭니다. (2) float: right 그 element를 오른쪽으로 float된 블록 박스로 만듭니다. (3) float: none 그..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 테이블 태그에 대해서 공부해보도록 합시다. 1) table을 이용한 표 그리기 : 표의 시작과 끝을 나타내는 태그입니다. 단독으로 사용되기도 하지만, 주로 몇 가지 속성을 부여받아 사용됩니다. : table row의 줄임말로서 표의 한 행을 만들어 주는 태그입니다. : table detail의 줄임말로서 표의 한 칸을(행 안의 열) 만들어 주는 태그입니다. : 메뉴는 굵은표시 //구분선 굵기 1 1행 1열의 칸입니다. 1행 2열의 칸입니다. 1행 3열의 칸입니다. 2행 1열의 칸입니다. 2행 3열의 칸입니다. colspan은 가로 칸(tr:: 행, 위아래 ) 들을 합쳐주는 기능을 하는 속성입니다. (합칠 ..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 , 에 대해 공부해보도록 합시다. 리스트 태그는 기본목록 태그라고도 불립니다. (1) 리스트 태그에는 과 이 있습니다. 그리고 내부에서 를 사용합니다. (2) 연관된 항목들이나 메뉴를 만들때 사용된다. (3) 리스트 태그에는 type 속성이 있습니다. 속성에 대해서는 아래에서 설명드리겠습니다. 1) 순서 없는 목록 만들기 (UL : Unordered List) :: 순서 없는 목록을 만들 때 사용하는 태그입니다. 그림태그, 문자태그로도 불립니다. (1) ul태그의 type은 disc, square, circle이 있습니다. (2) 목록구분자에 이미지를 적용시킬 수 도 있습니다. (3) defalut는 ci..