영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^
아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.
| .container.show-guide.guide-10 |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" lang="ko"> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
| <title>Document</title> | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script> | |
| <script type="text/javascript"> | |
| <!-- // | |
| $(function(){ | |
| $('input[type="submit"]:eq(0)').on('click', function(event){ |
| // ---- | |
| // Sass (v3.4.14) | |
| // Compass (v1.0.3) | |
| // Susy (v2.2.5) | |
| // ---- | |
| @import "susy"; | |
| /** | |
| * placeholder w/media query 예제 |
| (function(global, y9){ | |
| 'use strict'; | |
| // scrollFollow 객체 정의 | |
| var scrollFollow = { | |
| /** | |
| * 초기 설정(Initialization) 메소드 | |
| * yamoo9.scrollFollow.init( | |
| * [문자] el : 적용대상 요소 선택자, | |
| * [숫자] start_pos : 시작 위치, |
| (function(global, y9){ | |
| 'use strict'; | |
| // scrollFollow 객체 정의 | |
| var scrollFollow = { | |
| /** | |
| * 초기 설정(Initialization) 메소드 | |
| * yamoo9.scrollFollow.init( | |
| * [문자] el : 적용대상 요소 선택자, | |
| * [숫자] start_pos : 시작 위치, |
| { | |
| // "disable_tab_abbreviations_for_scopes": "source.scss", | |
| "css_completions_scope": "source.css - meta.selector.css - meta.property-value.css, source.scss - meta.selector.scss - meta.property-value.scss, source.sass - meta.selector.sass - meta.property-value.sass", | |
| "variables": { | |
| "lang": "ko", | |
| "locale": "ko-KR" | |
| }, |
영어지만, 조금 더 상세하게 마크다운 사용법을 안내하고 있는
"Markdown Guide (https://www.markdownguide.org/)" 를 보시는 것을 추천합니다. ^^
아, 그리고 마크다운만으로 표현이 부족하다고 느끼신다면, HTML 태그를 활용하시는 것도 좋습니다.
| <!DOCTYPE html> | |
| <html lang="ko-KR"> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="UTF-8"> | |
| <title>XP, IE10 미만 브라우저 접근 금지</title> | |
| <script> | |
| (function(){ | |
| var OSV = navigator.appVersion, | |
| OSName="Unknown OS"; |
| <!DOCTYPE html> | |
| <html lang="ko-KR"> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="UTF-8"> | |
| <title>Float Design</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> | |
| <style> | |
| .fl { float: left; } | |
| .fr { float: right; } |
| $small-desktop: 960px; | |
| $large-desktop: 1200px; | |
| $handheld: 768px; | |
| $handhelds-landscape: 1024px; | |
| $mobile: 640px; | |
| $mobile-landscape: 480px; | |
| @mixin respond-to($media) { | |
| @if $media == largeDesktop { | |
| @media only screen and (min-width: $large-desktop) { @content } |