반응형

Frontend/HTML 검색 결과

해당 글 9건

iframe 사용시 하단에 발생하는 공백 제거방법

iframe 사용시 하단에 발생하는 공백 제거방법 | 시작하기에 앞서iframe 을 사용하다 보면 하단에 하얀 공백이 생길때가 있다. 그때 해결할 방법은 아래와 같다.| 해결 방법https://stackoverflow.com/questions/7290214/html-strange-space-between-iframe-elementsAn iframe in standards mode is display: inline by default. That means they will be placed on the text baseline, ie. where the bottom of an 'a' ends, not where the bottom of a 'y' does. The gap you're seeing is th..
Frontend/HTML 2019. 7. 25. 20:08

입력양식 (form)

입력양식 (form) 입력 양식의 영역 지정1cs 속성설명method : 입력값을 백엔드 페이지에게 전송하는 방식action : 입력값을 전송받을 백엔드 페이지의 주소enctype : 파일 업로드가 요구될 경우 명시 화면 UI를 구성하는 과정에서는 중요하지 않기 때문에 method, action, enctype 속성은 명시하지 않는 경우가 많다. 입력양식 안에서의 그룹 지정 (필요한 경우만 수행)1234
Frontend/HTML 2019. 1. 15. 10:00

멀티미디어

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

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
반응형