본문 바로가기

전체 글127

[html/css] table / 표의 구조를 나타내는 태그 <thead>, <tbody>, <tfoot>과 열에 동일하게 속성을 적용하는 <colgroup>, <col/> 앞전 시간에 table 표에 들어가는 태그 tr, th, td를 배웠다.https://yerica.tistory.com/26,, ,와 표를 꾸며주는 속성 colspan, rowspan, border-collapse" data-og-description="테이블 태그 , , , 테이블 태그는 이전에는 레이아웃을 만드는 태그로 많이 사용되었다.현재는 게시판 영역과 같은 부분에 많이 사용되는 태그로, 표를 구성해주는 태그이다.부모태그인 태그로 " data-og-host="yerica.tistory.com" data-og-source-url="https://yerica.tistory.com/26" data-og-url="https://yerica.tistory.com/26" data-og-image="https.. 2024. 6. 20.
[html/css] 멀티미디어 태그 / audio, video, iframe HTML5멀티미디어 파일멀티미디어 파일은 이미지, 동영상, 오디오 등의 파일들을 말한다. 인터넷 초기에는 멀티미디어 파일을 직접적으로 재생할 수 없었기 때문에 플러그인 프로그램을 사용했다. 미디어를 시청하기 위해 플러그인 파일들을 다운로드 해야했고, 이러한 과정에서 바이러스 등 여러 문제가 발생했다.  W3C에서는 플러그인 없이도 미디어를 재생하기 위해 멀티미디어 태그를 웹 표준 태그로 정의했다.멀티미디어 파일은 inline-block 속성이다. W3C란? (설명 링크 클릭) 태그는 오디오를 재생시키는 태그이다./* 기본형 */속성 종류autoplay오디오를 자동으로 재생한다.controls오디오 컨트롤 바를 표시한다.muted음소거preload재생 버튼을 눌러 재생하기 전, 오디오 파일을 다운로드하여 .. 2024. 6. 18.
The World Wide Web Consortium(W3C)란? The World Wide Web Consortium (W3C) World Wide Web Consortium(W3C)은 웹 표준을 개발하는 국제 공익 비영리 단체를 말한다.현재 WWW에 대한 기술 표준은 W3C와 IETF(Internet Engineering Task Force)에서 하고 있는데 IETF는 어느 정도 성숙된 기술에 대해서 표준화를 진행하고 있고 W3C는 현재 시급한 기술들에 표준화를 담당한다. W3C는 웹의 빠른 발전에 따른 신속한 표준안의 제정과, 이를 많은 회사들과 연구기관에서 서로 공유하게 하여 정보화의 세상을 위한 하부구조로서의 웹의 기술적, 사회적 확산을 위해 창립된 국제적인 웹 표준화 단체다. www의 창시자인 팀 버너스 리(Tim Berners-Lee)를 중심으로 1994년.. 2024. 6. 18.
유료 멀티미디어 다운로드 사이트 아이클릭아트https://iclickart.co.kr/index.php 무제한 이미지소스 X 아이클릭아트고품질의 일러스트, 사진, 편집이미지, 템플릿, 해외동영상, 모션그래픽, 폰트 등 다양한 콘텐츠를 합리적인 가격으로 무제한 다운로드 하세요iclickart.co.kr 게티이미지뱅크https://www.gettyimagesbank.com/ 게티이미지뱅크 - 사진, 일러스트, 그래픽이미지, 파워포인트, 동영상국내최대 사진, 일러스트, 동영상, 국내촬영, 해외이미지, PPT, 무료이미지, 무료폰트 등 주제와 형식이 다양합니다.www.gettyimagesbank.com 2024. 6. 18.
[html/css] 위치 속성 position의 개념과 활용 위치를 지정하는 속성 position Position은 위치를 지정할 때 사용하는 위치 속성이다. 위치 속성에는 절대 좌표와 상대 좌표라는 개념이 있다.절대 좌표는 부모태그 혹은 브라우저의 0점을 기준으로 움직이는 좌표를 말하고 상대 좌표는 본인의 태그가 출력되어있는 위치를 기준으로 움직이는 좌표를 말한다.         [속성값]1. 선택자{position: static;}     :기본값으로 기존 태그가 출력된 모습 그대로를 말한다. position 속성을 적용하지 않은 것과 같다.      block 속성의 경우, 태그가 위에서 아래로 출력된 기본 상태를 의미한다.     부모박스에 static 상태가 적용되어 있으면,      자식박스는 부모박스의 좌표를 인식하지 못하고 더 상위 요소를 찾아간다... 2024. 6. 17.
[html/css] :not(:hover) :not :not(선택자)는 괄호 안에 있는 선택자를 제외한 나머지 형제나 자식을 선택한다. 아래는 사용 예시이다. 소개 이야기 기술과 서비스 약속과 책임/* ul 안에 li 중 마우스오버(hover)한 li를 제외한 나머지 li의 a 태그의 색상을 #888로 바꿔라 */ul:hover li:not(:hover) a { color: #888;} 2024. 6. 17.

티스토리툴바