1. 홈페이지를 만들 때 이미지뿐만 아니라 다양한 멀티미디어를 삽입하면 어떨까요? 동영상이나 멀티미디어를 홈페이지에서 바로 보여 줄 수 있도록 만들어 봅니다. 2. 오디오를 사입하는 방법을 알아봅니다. 브라우저에서 오디오를 지원하지 않습니다. 3. html5에서 지원하는 오디오 파일의 종류와 브라우저 버전을 알아봅니다. 파일 형식 설명 MP3 (.mp3) MPEG-1의 오디오 규격으로 개발된 형식으로 현재 널리 이용되고 있습니다. WAVE (.wav, .wave) MS사와 IBM이 개발한 비압축 형식의 오디오 파일입니다. 주로 윈도우즈에서 사용됩니다. OGG (.ogg, .ogv) 스트리밍 방식의 멀티미디어 표현을 위한 공개 소스 기반의 파일 형식입니다. 브라우저 버젼 MP3 WAV Ogg 크롬 4.0 ..

1. 하이퍼링크 태그 속성속성 설명 href="주소" 링크가 연결된 주소를 지정합니다. id="이름" 웹페이지 내에서 이동할 위치를 지정합니다. target="속성" 링크가 열릴 창을 지정합니다. _self : 현재 창에서 바로 보여 줍니다. target 속성을 사용하지 않으면 기본 값으로 현재 창에서 바로 보여줍니다. _blank : 새로운 창으로 보여 줍니다.title="내용" 링크에 마우스를 올렸을 때 보이는 내용을 지정합니다. 2. 페이지 이동 예제 앙큼한유채 3. 이미지로 페이지 이동 앙큼한유채 > 4. 페이지 내 이동 1. 하이퍼링크 페이지 이동 앙큼한유채 > 2. 이미지 클릭 페이지 이동 페이지 내 이동 나의 도서 목록 포트폴리오 나의 도서 목록 포트폴리오에서는 현재까지 내가 읽은 도서 목록..

1. 웹페이지로 앨범을 만들려면 어떻게 해야 할지 레이아웃을 생각해 봅니다. - 단을 나눠 사용하는 방법 - 표를 이용하는 방법 - 그림,글자,태그를 이용하여 배치하는 방법 2. 표를 사용하여 만드는 방법 -1) Table 예제 1행 1열 1행 2열 2행 1열 2행 2열 -2) Table 속성 속성 설명 border="수치" 테두리의 두께를 지정합니다. width="수치" 표의 가로 길이를 지정합니다. height="수치" 표의 세로 길이를 지정합니다. align="정렬" 표에서 정렬 방법을 지정합니다. 3. 예제 사진1 사진2

1. 이미지 불러오기 예제 - 결과 2. 속성 속성 설명 src="경로" 그림의 경로를 지정합니다. width="수치" 그림의 가로 크기를 픽셀 값을 사용하여 지정합니다. height=수치"" 그림의 세로 크기를 픽셀 값을 사용하여 지정합니다. alt="내용" 그림의 설명을 지정합니다. 그림이 보이지 않을 때 설명글이 나타납니다. border="수치" 그림의 테두리를 설정합니다. align="정렬" 주변의 요소와 맞추어 정렬 방법을 지정합니다. ex) bottom, middle, left, right

1. 아래와 같이 나를 소개할 내용을 작성해 봅니다. 이름 이메일 특기 직업 페이스북 좌우명 나이 학력 사항 존경하는 인물 전화번호 취미 2. 태그를 사용하여 각 문단과 글자에 적용할 글자 크기와 색상을 지정해 예제를 작성해 봅니다. - 소스코드 자기소개서 * 기본사항 - 이름 : - 나이 : - 직업 : - 전화번호 : - 이메일 : - 페이스북 : - 취미 : - 특기 : - 좌우명 : - 존경하는 인물 : * 학력사항 - 초등학교 졸업 : 0000-00-00 - 중학교 졸업 : 0000-00-00 - 고등학교 졸업 : 0000-00-00 - 대학교 졸업 : 0000-00-00 - 결과

1. Sublime Text 3를 실행합니다. 2. 다음과 같이 코드를 작성합니다. 3. 단축키(Ctrl+Shift+S) 또는 메뉴바 -> File -> Save As( 다른 이름 저장)을 클릭 한 후 "파일명.htm" or "파일명.html"로 저장합니다. 4. 저장된 경로를 열고 저장한 파일을 실행합니다. * 주의 사항 * 인코딩 부분은 반드시 UTF-8로 하여야 한글이 깨지지 않고 출력하게 됩니다. 5. html 구성요소 구성요소 내용 요소 ( Elements ) html에서 시작 태그와 종료 태그로 이루어진 명령어를 말합니다. ex) 문서의 본문 내용 태그 ( Tags ) ''사이에 있는 명령으로 요소의 일부를 말합니다. 일반적으로 시작 태그()와 종료 태그()로 이루어져 있으나 시작 태그로..