문자 스타일문자 색상: h1 { color: blue; }Heading 1 (center)Heading 2 (left)Heading 3 (right)The three headings above are aligned center, left and right.문자 정렬(alignment): h1 { text-align: center; }Some different text decorationsOverline text decorationLine-through text decorationUnderline text decorationNote: It is not recommended to underline text that is not a link, as this often confuses the reader.문자 ..
Coding
CSSCascading Style SheetHTML 문서의 스타일 지정HTML 요소가 표시되는 방식을 설명여러 웹페이지의 레이아웃을 제어할 수 있기 때문에 시간과 노력 절약CSS의 문법선택자 { 속성: 값; 속성: 값; }선택자(Selector)는 HTML의 요소(Element)속성(Properties)과 값(Value)은 콜론(:)으로 구분속성과 값은 여러 개 사용 가능속성과 값으로 구성되는 선언(declaration)은 중괄호로 묶음CSS의 필요성 및 장점하나의 웹 문서에서 문서 작성(HTML)과 디자인(CSS)을 분리내용과 디자인 수정이 용이다양한 기능으로 확장 가능통일된 문서 양식 제공전송 및 로딩 시간 단축선택자Selectors스타일을 지정할 HTML 요소를 찾거나 선택선택을 함으로써 특정 요소..
Meta TagHTML 문서에 대한 메타 데이터 정의메타 데이터: 데이터에 대한 데이터(정보)태그는 항상 element to reference the icon --> element to reference the icon -->Font Awesome무료로도 사용할 수 있는 벡터 형식 폰트 아이콘폰트 어썸 사용법폰트 어썸 사이트 접속이메일 주소 입력 후 Start for Free 클릭이메일 링크로 접속해서 회원가입Copy Kit Code! 클릭원하는 아이콘을 찾아 HTML 코드 복사HTML 코드에 붙여넣고 스타일 정하기예시 코드 Google Fonts무료 글꼴 라이브러리폰트 선택 후 다운로드에서 로컬 사용 or 폰트 링크를 구글 아이콘3d_rotationaccount_balance..
폼사용자의 입력을 수집하여 서버에서 처리함 폼 요소 폼의 속성Action: 사용자가 submit 버튼을 클릭하면 양식 데이터가 서버의 파일로 전송됨 국적: 이름: Method: 폼 데이터를 제출할 때 HTTP 메서드가 사용되도록 지정URL 변수: 사용 method = "get"HTTP 포스트 트랜잭션: 사용 method = "post"양식 데이터를 제출할 때 기본 HTTP 메서드는 GETGETPOST주소에 데이터를 직접 입력해서 전달별도의 방법을 사용해 데이터를 해당 주소로 전달GET을 사용하여 민감한 데이터를 보내지 않도록 함제출된 양식 데이터는 URL에 표시되지 않음URL 길이가 제한됨 (2048자)POST는 크기 제한이 없으며 많은 양의 데이터를 보내는 데 사용..
오디오 태그 파일 형식mp3: MPEG-1 오디오 Layer-3 압축 파일wav: MS와 IBM이 개발한 비압축 파일ogg: mp3 대안으로 개발한 스트리밍 방식 파일태그 속성 & 속성값autoplay: 오디오 파일 자동 실행controls: 오디오 재생도구 표시loop: 오디오 재생이 끝나면 다시 재생 (반복 재생)src: 오디오 파일의 위치 (URL)muted: 오디오 소리 제거preload: 오디오 재생 전 오디오 로드 여부 설정 (속성값: auto, metadata, none)비디오 태그파일 형식mp4: MPEG-4 압축 파일, H.264 비디오 코덱, AAC 오디오 코덱webm: 구글이 개발한 고화질 영상 압축 파일, VP8 비디오 코덱, Vorbis 오디오 코덱ogg: 공개 소스 기반의 멀티미..
표의 기본 구조: 표를 정의함: 표 제목(Table Head), 기본값 굵게 & 가운데 정렬: 행 (Table Row): 셀 항목 (Table Data) 열제목1열제목2열제목3 항목1항목2항목3 항목4항목5항목6 열제목1열제목2열제목3 항목1항목2항목3 항목4항목5항목6">열제목1열제목2열제목3항목1항목2항목3항목4항목5항목6테두리와 크기선택자의 종류는 쉼표로 구분border: 테두리테두리 모양의 종류: dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden 등테두리 색(border-color): 색명, 16진수(hex) 값 등으로 표현border-collapse: 표 테두리 사이의 간격 제거bo..
