태그사용자와 상호 작용을 위해서 사용자로부터 데이터를 입력 받아 서버로 전달하기 위한 입력양식(폼)을 제공한다.다양한 형태의 데이터를 입력받기 위한 요소들을 담는 컨테이너 역할을 수행한다.사용자 데이터 입력입력된 데이터 서버로 전달 전달 받은 데이터 서버 스크립트를 이용하여 처리결과 웹페이지 형태 사용자에게 전달 항목1 항목n form 태그의 속성속성설명action="URL"폼이 제출될 때 폼 데이터를 전달받아 처리할 페이지의 주소(경로)를 지정method="전송방식"폼 데이터를 제출 할 때 사용하는 HTTP 방법(get, post)을 지정name="이름"폼의 이름을 지정accept-charset="인코딩"폼 제출을 위해 사용되는 문자 인코딩..
프로그래밍언어
HTML 문서에서 오디오 재생HTML 문서에서 비디오 재생 및 자막 처리HTML5에서는 오디오와 비디오의 재생을 위해 audio요소와 video요소가 추가되어 외부 플러그인 설치 없이 구현 할 수 있게 됐다.HTML5 이전까지는 enbed 요소나 object 요소를 사용해 왔다.audio 요소오디오 재생사용방법 : 웹브라우저에서 지원하지 않을 경우 대체해서 표시 될 텍스트나 이미지 태그의 속성속성설명autoplay웹 문서 로딩 시 오디오 자동 재생할지 여부를 지정controls오디오 제어기(재생, 일시정지, 볼륨 등)의 표시 여부를 지정지정되지 않을 경우 화면에 아무것도 표시되지 않는다.loop오디오 반복 재생 여부를 지정muted음소거 여부를 지정preload="속성값"웹 문서가 로딩 될 때 오디오의 ..
테이블 태그의 필요성테이블 관련 태그의 종류와 기능 이해테이블 관련 태그와 속성 사용해서 원하는 테이블 생성 가능테이블 기본형식표 제목제목1제목2내용내용 표 제목 제목1 제목2 ... 내용 내용 ... ... 태그태그 설명태그 관련 속성테이블 정의 태그border="테두리 두께"테이블의 행(table row), 나 태그의 부모태그로 혼자서만 사용 할 수 없다. 테이블의 표준 셀(table data), 태그의 자식태그로 왼쪽 정렬이 기본 값이다. 테이블의 헤더 셀(table header), 태그의 자식태그로 내용은 굵게 가운데 정렬이 기본 값이다. 테이블의 제목으로 테이블 상단에 위치한다. 시작태그의 바로 다음에 사용하고, 테이블 바로 위에 진하게 가운데 정렬로 표시된다.CSS의 속성 ..
HTML에서 그림과 링크 표현img 태그 관련 속성 활용a 태그를 다양한 유형의 콘텐츠에 활용1. 이미지 삽입img 태그는 웹 문서에 이미지를 삽입하고 시작태그만 사용한다.는 인라인 요소로 줄바꿈을 위해서는 을 사용한다.src="이미지파일경로" : 문서에 표시할 이미지 파일 경로 지정html문서와 동일 폴더에 있는 경우 : "파일명.확장자명"절대경로의 경우 : "절대경로\파일명.확장자명"상대경로의 경우 : "현재 작업 위치 기준 상대경로\파일명.확장자명"GIFJPGPNGGraphics Interchange Format256개 색상 지원투명배경 처리 지원용량이 작음애니메이션 지원로고나 클립 아트 형태의 이미지에 적합Joint Photographic coding Experts Groups트루컬러 지원압축률이..
HTML에서 텍스트 표현 글자와 텍스트를 표현하는 다양한 HTML 태그를 활용 목록 지정과 관련된 태그 활용 div와 span태그의 기능 차이 이해하고 활용 1. 주석 사용 방법 : 주석 사용 이유 : 웹브라우저 화면상에는 표시 안됨, 차후에 코드의 이해 및 유지 보수의 편리를 위해서 사용 주석 주의 사항 : 주석 안에서 , -- 와 같은 기호 사용 불가 2. 텍스트 표현 br : 줄바꿈 태그. 종료태그 없음. forced line break. p : 단락을 나누는 태그로 단락 전후에 줄바꿈 효과. 연속사용시 한 번만 적용. paragraph. 공백 및 특수 문자 입력 : &특수이름;, 
진수코드;, 진수코드; 특수문자 특수이름 아스키코드 > > > & & & & " " " " 공백 © ©..
1. HTML이란?HyperText Markup Language는 웹 또는 월드와이드웹(WWW)에서 사용하는 마크업 언어하이퍼텍스트(HyperText)단위 텍스트들과 이것들을 결합하는 링크로 구성되는 텍스트로 링크를 통해 다른 텍스트에 대한 참조가 가능비연속적 구조 : 사용자가 연상하는 순서에 따라 이동하여 정보를 얻도록 조직화 된 시스템구성하는 정보의 형태들이 멀티미디어화 되는 추세로 텍스트 이외의 정보형태들이 제공되는 경우 하이퍼미디어라고 부른다마크업태그(tag) : 문서의 논리적인 구조를 정의, 출력 시 보이는 모양에 대한 정보를 부여의미적 마크업 : 문서 내용의 의미를 정의 - 제목, 저자명, 작성일 등구조적 마크업 : 문서의 논리적인 구조를 정의 - 문단, 그림, 표, 여백 등양식적 마크업 : ..
follium 그림에 원하는 정보를 표시 할 수 있도록 도와주는 모듈. 지도의 중심 위도와 경도를 이용해서 좌표에 마커를 찍어 지도를 시각화 해주는 도구이다. 외부모듈이기 때문에 설치가 필요하다. 아나콘다 prompt 열기 - pip install folium 설치 import folium folium.Map(location=[지도 중심점의 위도, 경도], zoom_start=지도확대값, tiles='표시되는 형식') : 지도만들기 tiles : 지도 표시되는 형식 설정. openstreetmap : 기본값 cartodbdark_matter cartodbpositron cartodbpositrononlylabels stamentonerbackground stamentonerlabels stamenterr..
막대그래프(과목별 점수 데이터) 리스트 데이터 - subject(과목)을 x축으로, score(점수)를 y축으로 한 과목별 점수를 시각화 그래프 : 막대그래프 사용모듈 : matplotlib.pyplot import matplotlib.pyplot as plt subject=["Oracle", "Python","Sklearn","Tensorflow"] #x축의 값 score=[65,90,85,95] #y축의 값 plt.style.use("ggplot") fig=plt.figure(figsize=(15,10)) #그래프 작성 창(창크기설정) ax1=fig.add_subplot(1,1,1) #1행1열1번째 ax1.bar(range(len(subject)), score, align="center", color..
pandas모듈로 데이터 시각화 - 그래프 기본 : 선그래프 kind="bar" : 막대그래프 kind="barh" : 수명막대그래프 kind="hist" : 히스토그램 kind="scatter" : 선점도 kind="box" : 박스그래프 import pandas as pd df = pd.read_excel("파일명.xlsx") # 원하는 그래프에 맞게 원하는 데이터로 삭제 및 수정 # 선그래프 df.plot() # 막대그래프 df.plot(kind="bar") # 히스토그램그래프(데이터 범위별 빈도수를 그래프화) df.plot(kind="hist") # 산점도 그래프(값의 범위, 값의 분포) df.plot(x="x축 컬럼명", y="y축 컬럼명", kind="scatter") matplotilb모듈로..
Seaborn(Statistical Data Visualization) 통계를 기반으로 데이터 시각화를 지원해주는 파이썬 라이브러리 seaborn 사용하기 import시 오류발생 할 경우 - anaconda prompt에서 설치 1. anaconda Prompt cmd 창 로드 2. pip uninstall scipy 3. pip install scipy 4. pip uninstall seaborn 5. pip install seaborn import pandas as pd import seaborn as sns #import 모듈명 as 별칭 # seaborn 모듈에 저장된 데이터셋 목록보기 sns.get_dataset_names() ''' ['anagrams', 'anscombe', 'attentio..
