HTML5에 새로 추가된 태그 오디오나 비디오와 같은 멀티미디어를 직접 재생할 수 없었던 과거에는 웹 브라우저에서 플러그인(plug-in) 프로그램을 사용했습니다. 대표적으로 flash가 있죠. 그래서 과거에는 인터넷에서 음악을 듣거나 온라인 강의를 실청하려고 할 때 특정 프로그램을 설치하라는 메시지가 뜨곤 했는데 HTML5에서는 이런 플러그인 없이도 멀티미디어를 사용할 수 있는 태그들이 추가되었습니다. audio 태그 사용법 HTML5에서 배경음악이나 효과음 등 오디오를 삽입할 때는 태그를 사용합니다. 웹 사이트에 특히 bgm을 설치할 때 많이 사용합니다. audio 태그에서 사용할 수 있는 파일 확장자 설명 mp3 대부분의 음원에서 사용되며 Moving Picture Experts Group에 의해 ..
HTML, CSS
img 태그 사용법 img 태그는 imgage의 줄임말로써 이미지를 삽입해주는 태그입니다. 반드시 src라는 속성을 동반하며 이 src에 이미지 경로를 작성해주셔야 정상적으로 출력됩니다. 참고로 태그는 꼭 사용하지 않아도 됩니다. src 속성 (이미지 경로) 이미지를 웹 문서에 넣으려면 src속성에 정확한 이미지의 경로를 지정해야 합니다. 이미지를 삽입하려는 웹페이지와 같은 폴더에 있을때는 이미지 파일명만 넣어주어도 무방하지만 그렇지 않다면 경로를 모두 써줘야 합니다. 또한 컴퓨터에 있는 이미지 파일과 웹 상에 있는 이미지 링크를 사용하는 경우에 따라 경로에 들어가는 값이 다릅니다. alt 속성 (이미지 대체 텍스트) alt 속성은 이미지가 제대로 로드되지 않았을 경우 대체 문구를 나타내줍니다. 이 al..
시맨틱 태그란 ? 시맨틱(semantic)이라는 '의미의', '의미론적인'라는 뜻을 가진 형용사입니다. 즉 시맨틱 태그는 의미를 부여한 태그라는 뜻이 됩니다. 태그에 의미를 부여했다고 생각하시면 이해가 편합니다. 이런 시맨틱 태그는 HTML5에서는 처음 등장했습니다. 예를 들자면 나 같은 태그들을 말합니다. 이 태그들은 이름만 봐도 상단과 하단이라는 것을 알겠죠. 이렇게 시맨틱 태그의 등장으로 인해 우리는 태그만 보고서도 문서를 더 쉽게 이해할 수 있게 되었습니다. 시맨틱 태그를 사용해야 하는 이유 웹 문서 레이아웃을 만들 때 시맨틱 태그를 사용하지 않더라도 태그를 활용하여 웹 문서를 똑같이 만들 수 있습니다. 하지만 우리가 시맨틱 태그를 사용해야 하는 이유는 크게 아래의 3가지 이유가 있습니다. HTM..
