반응형

연습장 검색 결과

해당 글 338건

멀티미디어

페이지 영역 나누기 -> div개념적으로만 나눈다.HTML 에서는 디자인이 적용되지 않음중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능용도에 따라 시멘틱 요소로 세분화 할 수 있다.header, section, article, nav, aside, hgroup 등...대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지는 않는다.(div로 대동단결!!!) 기타화면상에 직선 긋기: copyright 특수문자: ©HTML 코드에서는 띄어쓰기나 줄바꿈을 아무리 많이 사용하더라도 브라우저상에서는 띄어쓰기 한 칸으로 표시된다.줄바꿈: 띄어쓰기 특수문자: 단어나 문장을 강조하는 방법 글자의 모양, 색상, 크기 face: 접속자의 PC에 설치된 글꼴만 적용 가능color: #RRGGBB -> Goo..
Frontend/HTML 2019. 1. 10. 10:31

Sublime 자동정렬 및 한줄 삭제 추가

1. Sublime Text 상단 메뉴에서 [Preferences] - [Key Bindings - User] 2. Default (Windows).sublime-keymap 파일에 아래의 텍스트를 입력한다. { "keys": ["ctrl+shift+f"], "command": "reindent" , "args": { "single_line": false } } 3. 빨간색 부분에 원하는 단축키를 입력하고 파일을 저장한다. { "keys": ["ctrl+d"], "command": "run_macro_file", "args": {"file": "res://Packages/Default/Delete Line.sublime-macro"} }
유용한 것 2019. 1. 9. 23:10

HTML 개념

웹 페이지 제작1. 일반 텍스트 파일의 확장자를 *.html로 변경하여 사용2. 웹 페이지를 구성하기 위한 정형화된 형식의 내용(=소스코드)을 기술 -> 코딩3. 웹 페이지를 제작하기 위한 소스코드HTML + CSS + Javascript의 조합으로 구성 웹 접근성모든 사람 (혹은 모든 기기)는 정보의 접근에 차별을 받지 않아야 한다.장애인 차별 금지법에 명시되어 있음 시멘틱 웹HTML 태그를 강조할 목적에 맞게 사용하여 기계가 이해할 수 있도록 의미를 부여한 형태시멘틱 웹으로 작성된 웹 페이지는 시각장애인용 웹 브라우저(스크린리더)를 활용하여 웹 페이지 탐색이 가능하다 웹 표준1. 올바른 시멘틱 웹을 구성할 수 있도록 권장되는 HTML 제작기법2. 웹 표준이 준수될 경우 기기의 종류를 가리지 않고 모두..
Frontend/HTML 2019. 1. 9. 10:13

Sublime Emmet Snippet 설정

{ "snippets": { // 주언어, 인코딩 설정 "variables": { "lang": "ko", "charset": "UTF-8" }, // HTML 사용자 정의 설정 "html": { // 축약 표현식 "abbreviations": { "meta:compat": "", "meta:content": "", "link:bs": "", "link:bst": "", "link:ajax": "", "script:bs": "", "script:ajax": "", "link:jquery": "", "project": "html>(head>meta[charset=UTF-8]+meta:compat+meta:content+title+link:bs+link:bst+link:ajax)+body>link:jquer..
Frontend/HTML 2019. 1. 8. 17:41

상업적 이용이 가능한 무료 이미지 사이트 모음

1. https://pixabay.com (픽사베이) 사용하실 이미지를 검색하시고 클릭한 후 CC0 Public Domain을 보시면 다음과 같은 내용을 확인 할 수 있습니다.. 2. https://unsplash.com (언스플래쉬) 고해상도 무료사진이 10일 마다 10장씩 업데이트됩니다. ALL photos CC0을 클릭해보시면 모든 사진은 저작권이 없다고 설명되어있습니다.. 3. http://gratisography.com/ 이 사이트도 상업적으로 이용이 가능함을 알 수 있습니다.
유용한 것 2019. 1. 6. 00:19
반응형