'개인공부/HTML5 + CSS3' 카테고리의 글 목록 (4 Page)

본문 바로가기

[HTML+CSS][HTML5와 멀티미디어] 03 - 연습문제 01 오디오 재생하기 02 SUMMER BEACH Do it! HTML5+CSS3 웹 표준의 정석 ※ 해당 글은 습득 목적으로 작성된 글입니다 ※ 2020. 7. 17.

[HTML+CSS][HTML5와 멀티미디어] 02 - 오디오 & 비디오 재생하기 [HTML+CSS][HTML5와 멀티미디어] 01 - 웹과 멀티미디어 [HTML+CSS][HTML5와 시맨틱태그] 03 - IE8 이하 버전에서 시맨틱태그 사용하기 [HTML+CSS][HTML5와 시맨틱태그] 02 - 시맨틱 태그의 종류 [HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아.. onelight-stay.tistory.com 플러그인에서 따로 설치할 필요 없이 태그로 해결되는 오디오와 비디오를 재생하는 방법에 대해서 알아보도록 하자. 태그 : 오디오 파일 삽입하기 HTML5에서 배경 음악이나 효과음 등을 삽입할 때 사용하는 태그로 일반적으로 대부분의 브라우저에서 가능하면 mp3 파일을 삽입하며 ogg 파일은 함께 지정하지 않은 경우가 많다... 2020. 7. 16.

[HTML+CSS][HTML5와 멀티미디어] 01 - 웹과 멀티미디어 [HTML+CSS][HTML5와 시맨틱태그] 03 - IE8 이하 버전에서 시맨틱태그 사용하기 [HTML+CSS][HTML5와 시맨틱태그] 02 - 시맨틱 태그의 종류 [HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CS.. onelight-stay.tistory.com 웹이 지원하는 멀티미디어의 종류와 여러 멀티미디어 형식으로 변환하는 방법에 대해서 알아보도록 하자. 웹에서 사용하는 멀티미디어 플러그 인 (plug-in) 웹 브라우저에서 처리할 수 없는 작업을 위해 웹 문서 안에 포함시킨 외부 프로그램 기능이다. 오디오나 비디오 같은 멀티미디어를 직접.. 2020. 7. 15.

[HTML+CSS][HTML5와 시맨틱태그] 03 - IE8 이하 버전에서 시맨틱태그 사용하기 [HTML+CSS][HTML5와 시맨틱태그] 02 - 시맨틱 태그의 종류 [HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+.. onelight-stay.tistory.com 우리가 배우고 있는 시맨틱 태그는 대부분의 웹 브라우저에서 사용이 가능하기는 하지만 인터넷 익스플로러(IE) 8 이하 버전에서는 사용이 어렵다고 한다. 그러면 IE8 이하 버전에서도 시맨틱 태그를 사용할 수 있는 방법에 대해서 알아보자. 새로운 시맨틱 태그 지원 상황 시맨틱 태그를 이용하면 웹 표준에 맞는 .. 2020. 7. 14.

[HTML+CSS][HTML5와 시맨틱태그] 02 - 시맨틱 태그의 종류 [HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들.. onelight-stay.tistory.com 시맨틱 태그의 사용 목적에 대해 이해했다면 시맨틱 태그의 종류와 사용 방법에 대해서 알아보도록 하자. 태그 : 머리말 지정 본문 중에 사용해 해당 부분의 머리말로 사용할 수 있다. 태그 : 문서를 연결하는 내비게이션 링크 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크 모음으로 내비게이션 메뉴뿐만 아니라 푸터.. 2020. 7. 13.

[HTML+CSS][HTML5와 시맨틱태그] 01 - HTML5 문서 [HTML+CSS][CSS 레이아웃] 03 - 표 스타일 [HTML+CSS][CSS 레이아웃] 02 - 다단으로 편집하기 [HTML+CSS][CSS 레이아웃] 01 - CSS 포지셔닝과 주요 속성들 [HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들 [HTML+CSS][CSS 박스모델] 02 - 테두리 관.. onelight-stay.tistory.com HTML5에서 사용되는 시맨틱 태그에 대해서 간단하게 알아보고 시맨틱 태그를 사용해야 하는 이유에 대해서 알아보도록 하자. 시맨틱 태그 (semantic tag) HTML5에서 태그 이름만 보고도 문서 구조에서 어떤 역할을 하는지 쉽게 이해할 수 있게 하는 것이다. - 시맨틱 태그로 레이아웃을 제작해야 하는 이유 - 웬 문서에 레이아웃.. 2020. 7. 12.

이전 1 2 3 4 5 6 7 ··· 11 다음

티스토리툴바