본문 바로가기

Publishing/HTML25

사이트 기본 와이어프레임 2020. 8. 11.
Event Page 코딩하기 https://www.melon.com/event/ticket/index.htm?gubunId=&keyword=&pageIndex=0 멜론과 멜론티켓의 꿀케미 혜택! 멜론 GOLD이상 누구나! 멜론티켓 예매수수료 무료! 음악이 필요한 순간, 멜론 www.melon.com 멜론 VIP 혜택관 오직 멜론 VIP만을 위한 특별한 문화 혜택 Melon x Melon 티켓 MVG 멜론과 멜론티켓의 슈퍼꿀케미파워! 멜론 GOLD 이상, 누구나! 예매 횟수 제한없이, 무제한! 정말 쉬운 방법으로, 간편하게! 멜론 티켓 수수료 무료 0원 정말 쉬운 헤택받는 방법! 보고 싶은 공연을 클릭하면 결제 시 자동으로 수수료 무료 혜택 제공! Tip 아래에서 꿀잼공연 추천해드릴게요~ 뮤지컬 〈모차르트!〉 10주년 기념공연 202.. 2020. 8. 4.
회원가입 폼 http://flato.kr/work/2000n/s503_write.html 이천시동행누리센터 동서양의 아름다운 정원을 품은 이천시동행누리센터으로 여러분을 초대합니다. flato.kr 2020. 7. 24.
HTML5 Canvas HTML 요소는 웹 페이지에 그래픽을 그리는 데 사용됩니다. 왼쪽의 그래픽은으로 만들어집니다 . 빨간색 사각형, 그라디언트 사각형, 다색 사각형 및 다색 텍스트의 네 가지 요소가 표시됩니다. HTML Canvas 란 무엇입니까? HTML 요소는 JavaScript를 통해 즉석에서 그래픽을 그리는 데 사용됩니다. 요소는 그래픽 만 컨테이너입니다. 실제로 그래픽을 그리려면 JavaScript를 사용해야합니다. Canvas에는 경로, 상자, 원, 텍스트를 그리고 이미지를 추가하는 몇 가지 방법이 있습니다. 캔버스 예 캔버스는 HTML 페이지에서 직사각형 영역입니다. 기본적으로 캔버스에는 테두리와 내용이 없습니다. 마크 업은 다음과 같습니다. 항상 id스크립트에서 참조 할 속성 width과 height캔버스의 .. 2020. 2. 13.
HTML5 Video (fullpage Video) 풀페이지 동영상 http://eehd80.dothome.co.kr/work/forest/v4/ 광릉숲 생물권보전지역 UNESCO Gwangneung Forest Biosphere Reserve 생물권보전지역 자연생태자원 문화역사자원 인적자원 국립수목원 제공 eehd80.dothome.co.kr HTML로 비디오 재생 HTML5 이전에는 플러그인 (예 : 플래시)이있는 브라우저에서만 비디오를 재생할 수있었습니다. HTML5 요소는 웹 페이지에 비디오를 포함시키는 표준 방법을 지정합니다. Your browser does not support the video tag. Your browser does not support HTML5 video. 이 controls속성은 재생, 일시 중지 및 볼륨과 같은 비디오.. 2020. 2. 13.
HTML5 audio 웹 오디오 HTML5 이전에는 오디오 파일을 플러그인 (예 : 플래시)이있는 브라우저에서만 재생할 수있었습니다. HTML5 요소는 웹 페이지에 오디오를 포함시키는 표준 방법을 지정합니다. HTML 요소 Your browser does not support the audio element. Your browser does not support the audio element. 이 controls속성은 재생, 일시 중지 및 볼륨과 같은 오디오 컨트롤을 추가합니다. 이 요소를 사용하면 브라우저에서 선택할 수있는 대체 오디오 파일을 지정할 수 있습니다. 브라우저는 처음 인식 된 형식을 사용합니다. 및 태그 사이의 텍스트 는 요소를 지원하지 않는 브라우저에만 표시됩니다 . HTML 오디오 및 비디오 DOM 참조 .. 2020. 2. 13.
HTML5의 새로운 태그 HTML5의 새로운 기능 HTML5에 대한 DOCTYPE 선언은 매우 간단합니다. Content of the document...... HTML5의 기본 문자 인코딩은 UTF-8입니다. 의미 요소를 블록 요소로 정의 HTML5는 8 개의 새로운 의미 요소를 정의합니다 . 이들은 모두 블록 레벨 요소입니다. 이전 브라우저에서 올바른 동작을 보장하기 위해 이러한 HTML 요소 의 CSS 표시 속성을 설정하여 차단할 수 있습니다 . header, section, footer, aside, nav, main, article, figure { display: block; } Internet Explorer 8 문제 모든 새로운 HTML5 요소에 대해 위에서 설명한 솔루션을 사용할 수 있습니다. 그러나 IE8 (및.. 2020. 2. 13.
HTML 기본 layout HTML5의 새로운 의미 요소 많은 웹 사이트에는 탐색, 머리글 및 바닥 글을 나타내는 와 같은 HTML 코드가 포함되어 있습니다 . HTML5는 웹 페이지의 다른 부분을 정의하기위한 새로운 의미 요소를 제공합니다. HTML5 요소 요소는 문서의 섹션을 정의합니다. W3C의 HTML5 문서에 따르면 : "섹션은 일반적으로 제목이있는 주제별 콘텐츠 그룹입니다." 홈페이지는 일반적으로 소개, 컨텐츠 및 연락처 정보를 위해 섹션으로 분할 될 수 있습니다. WWF The World Wide Fund for Nature (WWF) is.... HTML5 요소 이 요소는 독립적이고 독립적 인 컨텐츠를 지정합니다. 기사는 독자적으로 이해해야하며, 웹 사이트의 나머지 부분과 독립적으로 읽을 수 있어야합니다. 요소를 사.. 2020. 2. 12.
html header 정보 DOCTYPE 모든 HTML 문서는 문서 유형 선언으로 시작해야합니다 . html 5 권장 XHTML HTML 문서 제목 각 페이지마다 서로 다른 규칙으로 사용중인 문서 제목 ( 태그) 규칙을 일원화함으로써, 서비스 통일성을 높이고 사내 검색 엔진에 대한 최적화를 꾀한다. 또한 문서 제목에 컨텐츠 제목을 포함시킴으로써, 외부 검색서비스에서 해당 컨텐츠의 노출이 더 잘될 수 있도록 한다. 기본 규칙 컨텐츠 제목 (공백) – (공백) 하위섹션명 (공백) | (공백) 서비스명 경제 | Daum 미디어다음 IT/과학 | Daum 미디어다음 스타존 | Daum 영화 하위섹션명은 서비스명 앞에 표기한다. 하위섹션명의 구분자는 ' | ' (vertical bar / pipe 기호) 를 사용한다. 섹션명은 웹접근성 요.. 2020. 2. 12.
웹접근성 준수 된 회원가입 폼 http://flato.kr/work/2000n/s503_write.html 이천시동행누리센터 동서양의 아름다운 정원을 품은 이천시동행누리센터으로 여러분을 초대합니다. flato.kr * 표시는 필수 입력 사항입니다. 정확하게 입력해 주세요! 기본정보 이용신청서 다운로드 아이디, 비밀번호, 비밀번호 확인 정보를 포함하는 표 아이디필수입력 ※ 최소 6자 이상의 영문, 숫자로 만들 수 있습니다. 비밀번호필수입력 ※ 특수문자, 영문자, 숫자 3종류를 포함한 9~15자리 이어야 합니다. 비밀번호 확인필수입력 이용대상자 성명, 생년월일, 성별, 이메일, 전화번호, 휴대폰번호, 주소 정보를 포함하는 표 성명필수입력 성별필수입력 남성 여성 생년월일필수입력 월 1 2 3 4 5 6 7 8 9 10 11 12 이메일 전.. 2020. 2. 12.