IT 세상 해석하기

[HTML5] 미디어 관련 태그 ,, By i!kohong(아이코홍) , 태그 태그 설명 웹 페이지에 사운드, 영상 파일을 삽입하는 태그, 영상파일을 실행시 전체화면이 불가능하다. 속성 src 사운드 파일(파일의 경로나 URL)을 지정한다. autostart 사운드 파일을 자동으로 재생할지 여부(true, false)를 지정한다. hidden 미디어 플레이어를 화면에서 감출지 여부(true, false)를 지정한다. width 미디어 플레이어가 화면에 보일 경우 너비를 지정한다. height 미디어 플레이어가 화면에 보일 경우 높이를 지정한다. loop 사운드 파일을 재생하는 반복 횟수를 지정한다. true이면 무한반복, false면 한번만 재생된다. 태그 태그 설명 mp3와 같은 사운드 파일을 재생하기..

[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(아이코홍) 태그 태그 설명 Ordered List의 약자 순번이 있는 목록으로 정렬할 떄 사용합니다. 목록의 항목을 표시하는 태그와 함께 사용합니다. Attribute(속성) type 각각의 목록 앞에 붙는 표식(A,a,I,i,1)을 지정한다. 1 : 아라비아 숫자 a : 알파벳 소문자 A : 알파벳 대문자 i : 로마숫자 소문자 I : 로마숫자 대문자 start 시작 번호(숫자)를 지정한다. - 태그 태그 설명 Unordered List의 약자 순번이 없는 목록으로 정렬할 때 사용합니다. 목록의 항목을 표시하는 태그와 함께 사용합니다. Attribute(속성) type 각각의 목록 앞에 붙는 표식(disc,..

[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.