IT 세상 해석하기

[HTML5] 작성폼 만들기 위한 태그들 Form, Input, Select, Textarea 태그 By i!kohong(아이코홍) 태그 태그 설명 자신의 태그 내에 있는 데이터를 지정한 웹 경로로 전송해 준다. 속성 method 데이터를 전송하는 방식(get이나 post)을 지정한다. name 폼의 이름 지정. 자바스크립트에서 폼 내의 데이터를 구분할 때 사용 action 폼 내의 데이터를 가지고 이동할 위치(URL 이나 JSP 같은 프로그램)를 지정한다. enctype 대용량 파일의 데이터 속성(multipart 나 form-data)을 지정한다. 태그 태그 설명 형식(Type)을 지정함에 따라 여러 형태의 필드를 폼에 구성이 가능합니다. 지정형식에 따라서 적용할 수 있는 속성도 달라집니다. 속성 T..

[HTML] 다른 웹 페이지 포함시키는 방법. 태그 By i!kohong(아이코홍) 태그 설명 다른 웹 페이지를 자신의 웹 페이지에 포함시키는 태그 Attribute(속성) name 이름을 지정. target 속성을 사용할 때 필요 src 파일(파일 경로와 파일 이름)을 지정 scrolling 프레임에 스크롤 막대가 표시되지 않게 지정(yes, no, auto)한다. 기본값은 auto이다. align 정렬 방식(left, right, center)을 지정. width 너비(픽셀)를 지정. height 높이(픽셀)를 지정. frameborder 프레임을 구분하는 테두라를 표시할지 여부(0이나 숫자)를 지정한다. bordercolor 테두리 색(색상이나 색상 코드)을 지정. 예시 See the Pen Tag..

[HTML] 웹 문서의 정보를 포함시켜주는 태그 By i!kohong(아이코홍) 태그 설명 HTML의 head영역에 삽입이 됩니다. 정보, 인코딩, 트랜지션 효과, 다른페이지 자동 이동과 같은 형태로 사용됩니다. 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 포함하고 있습니다. Attribute(속성) name Author : Content에 제작자 정보 입력을 합니다. Keyword : Content에 검색 태그를 입력 합니다. Description : Content에 글 내용을 입력 합니다. Subject : Content에 홈페이지 주제를 입력 합니다. Title : Content에 홈페이지 이름을 입력 합니다. Publisher : Content에 만든이의 이름을 입력 합니다. Oth..

[HTML] 홈페이지에 이미지를 올리자! 태그 By i!kohong(아이코홍) 태그 설명 그림을 삽입하는 기본 태그입니다. 태그에서 사용할수 있는 파일명으로 GIF,JPG/JPEG,PNG 3가지가 있습니다. GIF (Graphic Interchange Format) 움직이는 이미지 파일 JPG/JPEG (Joint Photographic Expert Group) 뛰어난 압축률이 특징 PNG (Portable Network Graphics) GIF와 JPG/JPEG의 장점을 특징으로 가진 차세대 그래픽 파일 포맷 형태 Attribute(속성) src 그림 파일의 경로를 지정합니다. height 그림의 세로 높이를 지정합니다. 단위는 픽셀과 퍼센트(%)입니다. width 그림의 가로 높이를 지정합니다. 단위..

[HTML] 텍스트 관련 태그 By i!kohong 태그 태그 설명 글꼴이나 글꼴의 크기, 글꼴 색 등 텍스트와 관련된 속성 지정 속성 (Attribute) face 윈도우에 설치되어 있는 기본 글꼴(굴림체, 궁서체, 돋움체, 바탕체, Geergia)을 지정한다. 한글과 영문에 따라 사용 할 수 있는 글꼴은 차이가 있다. ⊙ 한글 : 바탕체, 돋움체, 굴림체, 궁서체 ⊙ 영문 : Geargia color 글꼴 색(색상[Red,Blue,Yellow 등])이나 색상 코드[16진수, 10진수])을 지정한다. size 글꼴의 크기를 지정(1~7)한다. 기본은 3이다. 태그 태그 설명 글자나 이미지를 상하좌우로 움직일 수 있게 한다. Attribute(속성) behavior 스크롤형태(scroll, silde, ..

[HTML] 표 만들기 위한 태그 태그 동시설명 : ,,,, 태그 By i!kohong(아이코홍) 작성방법 : 아래의 예시 참고 태그 설명 페이지 내의 표를 만들기 위한 태그 단순 태그만을 사용해서 만드는것이 아닌, ,,,,를 같이 이용하여 작성을 합니다. 일반적으로는 ,,만으로도 표를 만들수 있습니다. 태그는 행(가로)를 의미합니다. 태그는 열(세로)를 의미합니다. 태그는 표의 제목을 의미합니다. 태그는 표의 본문 영역을 의미합니다. 태그는 제목 셀을 의미합니다. 별도의 CSS를 작성하지 않으면, 표의 테두리를 구현할 수 없습니다. Attribute(속성) 태그 속성값 설명 colspan 열을 확장시키는 의미, n개의 열을 합치는 모습을 볼 수 있습니다. rowspan 행을 확장시키게 해준다. n개의 ..

[HTML] 텍스트의 좌우 시작을 지정해준다. 태그 By i!kohong(아이코홍) 작성방법 : 텍스트 입력 사용 목적 작성된 텍스트를 왼쪽부터 오른쪽순으로, 혹은 오른쪽에서 왼쪽순으로 작성되도록 합니다. Attribute(속성) dir ltr 텍스트 방향을 왼쪽에서 오른쪽으로 작성한다. rtl 텍스트 방향을 오른쪽에서 왼쪽으로 작성한다. 사용예시 See the Pen Tag by KorHWS (@korhws) on CodePen.

[HTML] 굵은 텍스트를 원한다면 태그 By i!kohong(아이코홍) 작성방법 : 강조할 텍스트 입력 태그 설명 문장안에 특정 단어를 강조할때 사용되는 태그입니다. 일반 텍스트보다 굵은 텍스트를 볼 수 있습니다. 포스트 작성시에 에디터탭에 'B'라고 적혀 있는 부분이 이 태그를 이용하는것 입니다. 예시 See the Pen Tag by KorHWS (@korhws) on CodePen.

[HTML] 이미지 내부 영역 지정 By i!kohong(아이코홍) 작성방법 태그 설명 이미지상에서 특정 위치를 지정해주는 태그입니다. 태그로 이미지맵을 생성하며, 태그로 이미지의 위치를 지정해줍니다. 이미지내부의 설정되어있는 위치을 클릭가능하며, 작성된 링크로 이동, 혹은 파일 다운로드를 할 수 있도록 해줍니다. Attribute(속성) 속성 속성값 설명 alt text 영역의 대체 텍스트를 지정. href 속성이 존재하는 경우 필수입니다. coords 이미지 기준 (0,0,0,0) - 왼쪽 상단 shape="rect"일 경우 x1(왼쪽),y1(상단),x2(오른쪽),y2(하단) 모양이 '사각형'일 경우 '좌,상,우,하' 를 설정합니다. shape="circle"일 경우 x,y,반지름 모양이 '원형'일 ..

[HTML] 주소,전화번호,상호명,저작권등 작성 - 태그 By i!kohong(아이코홍) 작성방법 : 주소,전화번호,상호명,저작권 등을 작성 태그 설명 페이지의 작성자의 정보를 작성하기 위한 태그 단순 저작권 표시만으로 사용도 가능합니다. 저작권을 표시할려고 한다면, ©를 먼저 입력후 작성을 해주면 됩니다. 예시 See the Pen Tag by KorHWS (@korhws) on CodePen.