안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 대체적으로 Body에서 사용되는 특수문자, 개행, 문단에 대해 알아봅시다!! 1. 특수문자의 기본형태 (1) &~~~; 형태입니다. (2) 대소비교, 공백처리, 밑줄, 굵음, 기울임, 개행, 구분선이 있다. 공백 (1칸)   (스페이스바는 1칸만 가능) 개행 > 밑줄 ~ " " 굵음 ~ 외 strong, em 기울임 ~ ※ 대체적으로 특수문자의 사용빈도는 많지 않다고 배웠습니다. css과목에서 배우는 style태그를 통해 더 편리하고 좋은 코드를 만들 수 있습니다. 2. 작성대로태그 vs 문단태그 (1) 문단태그, p태그는 자동정렬, 문장의 자동개행되는 태그입니다. (공백포함 개행) (2..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^!! 그럼 시작합시다 다양한 태그에 대해 알아봅시다. 입력태그 #1: input - text : -자동 출력한다. - password: 키보드입력, ****로 표시된다. - radio : (싱글초이스)name을 gender로 했을때, gender라는 이름은 하나만 선택할 수 있다. = 남여 하나만 고를 수 있다(name선언안하면 둘 다 선택된다) 따라서, gender는 단일선택 - checkbox: (멀티초이스)gender라는 이름이 같을때, 복수개 선택가능하다. = radio에서 gender를 안적고 할 수 도 있다. - hidden: 화면에 안보이지만 자동으로 전송값을 넘긴다. 화면에 드러나지않고 자동으로 값을 넘기는 ..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 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..
안녕하세요 아기크롱입니다. 작성된 글을 읽으시면서 빼먹은 부족한 부분은 댓글고고^^ 그럼 시작합시다 태그에 대해 알아봅시다. 1) img를 이용한 그림의 삽입 오늘 배울 내용은 그림을 문서에 넣는 방법입니다, 태그는 그림을 문서에 넣을 때 사용하는 태그입니다. 단독으로 사용되기도 하고 몇 가지 속성을 부여받아 사용되기도 합니다. (1) width는 문서에 넣을 그림의 가로 너비(폭)를 조절할 수 있게 하는 속성입니다. 작은따옴표의 안에 수치를 입력하여 가로 너비를 조절하실 수 있습니다. (2) height는 문서에 넣을 그림의 세로 너비(높이)를 조절할 수 있게 하는 속성입니다. 마찬가지로 작은따옴표의 안에 수치를 입력하여 세로 너비를 조절하실 수 있습니다. 그림을 문서에 넣을 때, width와 heig..
