전체 글 262

CSS Type 선택자

CSS 선택하기 요소 선택기는 요소 이름을 기반으로 HTML 요소를 선택합니다. CSS 엘리먼트 선택 요소 선택기는 요소 이름을 기반으로 HTML 요소를 선택합니다. p { text-align: center; color: red; } CSS id 선택기 id 선택기는 HTML 요소의 id 속성을 사용하여 특정 요소를 선택합니다. 요소의 id는 페이지 내에서 고유하므로 id 선택기는 하나의 고유 한 요소를 선택하는 데 사용됩니다! 특정 ID를 가진 요소를 선택하려면 해시 (#) 문자와 요소의 ID를 차례로 쓰십시오. #para1 { text-align: center; color: red; } 아이디 이름은 숫자로 시작할 수 없습니다! CSS 클래스 선택기 클래스 선택기는 특정 클래스 속성을 가진 HTML ..

Publishing/CSS3 2020.02.14

CSS 사용법

CSS 란 무엇입니까? CSS는 의미 C ascading의 S의 tyle가 S heets을 CSS는 HTML 요소가 화면, 종이 또는 다른 매체에 표시되는 방법을 설명 합니다 CSS 는 많은 작업을 저장합니다 . 여러 웹 페이지의 레이아웃을 한 번에 제어 할 수 있습니다 외부 스타일 시트는 CSS 파일에 저장됩니다 CSS 구문 CSS 규칙 세트는 선택기와 선언 블록으로 구성됩니다. 선택기는 스타일을 지정할 HTML 요소를 가리 킵니다. 선언 블록에는 세미콜론으로 구분 된 하나 이상의 선언이 포함됩니다. 각 선언에는 CSS 속성 이름과 값이 콜론으로 구분되어 포함됩니다. CSS 선언은 항상 세미콜론으로 끝나고 선언 블록은 중괄호로 묶습니다. p { color: red; text-align: center; ..

Publishing/CSS3 2020.02.14

HTML5 Canvas

HTML 요소는 웹 페이지에 그래픽을 그리는 데 사용됩니다. 왼쪽의 그래픽은으로 만들어집니다 . 빨간색 사각형, 그라디언트 사각형, 다색 사각형 및 다색 텍스트의 네 가지 요소가 표시됩니다. HTML Canvas 란 무엇입니까? HTML 요소는 JavaScript를 통해 즉석에서 그래픽을 그리는 데 사용됩니다. 요소는 그래픽 만 컨테이너입니다. 실제로 그래픽을 그리려면 JavaScript를 사용해야합니다. Canvas에는 경로, 상자, 원, 텍스트를 그리고 이미지를 추가하는 몇 가지 방법이 있습니다. 캔버스 예 캔버스는 HTML 페이지에서 직사각형 영역입니다. 기본적으로 캔버스에는 테두리와 내용이 없습니다. 마크 업은 다음과 같습니다. 항상 id스크립트에서 참조 할 속성 width과 height캔버스의 ..

Publishing/HTML 2020.02.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속성은 재생, 일시 중지 및 볼륨과 같은 비디오..

Publishing/HTML 2020.02.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 참조 ..

Publishing/HTML 2020.02.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 (및..

Publishing/HTML 2020.02.13

HTML 기본 layout

HTML5의 새로운 의미 요소 많은 웹 사이트에는 탐색, 머리글 및 바닥 글을 나타내는 와 같은 HTML 코드가 포함되어 있습니다 . HTML5는 웹 페이지의 다른 부분을 정의하기위한 새로운 의미 요소를 제공합니다. HTML5 요소 요소는 문서의 섹션을 정의합니다. W3C의 HTML5 문서에 따르면 : "섹션은 일반적으로 제목이있는 주제별 콘텐츠 그룹입니다." 홈페이지는 일반적으로 소개, 컨텐츠 및 연락처 정보를 위해 섹션으로 분할 될 수 있습니다. WWF The World Wide Fund for Nature (WWF) is.... HTML5 요소 이 요소는 독립적이고 독립적 인 컨텐츠를 지정합니다. 기사는 독자적으로 이해해야하며, 웹 사이트의 나머지 부분과 독립적으로 읽을 수 있어야합니다. 요소를 사..

Publishing/HTML 2020.02.12

html header 정보

DOCTYPE 모든 HTML 문서는 문서 유형 선언으로 시작해야합니다 . html 5 권장 XHTML HTML 문서 제목 각 페이지마다 서로 다른 규칙으로 사용중인 문서 제목 ( 태그) 규칙을 일원화함으로써, 서비스 통일성을 높이고 사내 검색 엔진에 대한 최적화를 꾀한다. 또한 문서 제목에 컨텐츠 제목을 포함시킴으로써, 외부 검색서비스에서 해당 컨텐츠의 노출이 더 잘될 수 있도록 한다. 기본 규칙 컨텐츠 제목 (공백) – (공백) 하위섹션명 (공백) | (공백) 서비스명 경제 | Daum 미디어다음 IT/과학 | Daum 미디어다음 스타존 | Daum 영화 하위섹션명은 서비스명 앞에 표기한다. 하위섹션명의 구분자는 ' | ' (vertical bar / pipe 기호) 를 사용한다. 섹션명은 웹접근성 요..

Publishing/HTML 2020.02.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 이메일 전..

Publishing/HTML 2020.02.12

HTML input 속성

value 속성 이 value속성은 입력 필드의 초기 값을 지정합니다. First name: First name: 읽기 전용 속성 이 readonly속성은 입력 필드가 읽기 전용 (변경 불가능)임을 지정합니다. First name: First name: 비활성화 된 속성 이 disabled속성은 입력 필드가 비활성화되도록 지정합니다. 비활성화 된 입력 필드는 사용할 수없고 클릭 할 수 없으며 양식을 제출할 때 해당 값이 전송되지 않습니다. First name: First name: 크기 속성 이 size속성은 입력 필드의 크기 (문자)를 지정합니다. First name: First name: maxlength 속성 이 maxlength속성은 입력 필드에 허용되는 최대 길이를 지정합니다. First nam..

Publishing/HTML 2020.02.12
티스토리 친구하기