분류 전체보기155 Vscode 태그 자동 완성 방법 Vscode 자동 완성 방법 1) HTML5 기본 완성 단축키 : ! + tab 2) 더미 TEXT 넣기 Lorem + tab 예) Lorem100 + tab 3) 기본 태그 매타 : meta + tab 타이틀 : title + tab 링크 : link + tab 스타일 : style + tab 제목태그 : h1, h2, h3, h4, h5, h6 + tab 강조 태그 : strong, em + tab 블록 태그 : p + tab 인라인 태그 : span + tab 하이퍼링크 태그 : a + tab 이미지 태그 : img + tab 목록 태그 : ul, ol , li + tab 루비 주석 : ruby + tab 시간의 표현 : time + tab 특수문자 표현문자 문자표현 숫자표현 문자 설명 스페이스 공.. 2021. 8. 9. [CSS] 이미지가 항상 center로 자리 잡는 반응형 HTML CSS .img-size { position: relative; width: 100%; height: 600px; overflow: hidden; } .img-center { text-align: center; position: absolute; top: 0; right: -200%; bottom: 0; left: -200%; } .img { max-width: 100%; max-height: 100%; } See the Pen 이미지가 항상 center로 자리 잡는 반응형 by SEIN (@JHEcho) on CodePen. 2021. 8. 5. Vscode 설치 및 확장 플러그인 1. VScode 설치 - Visual Studio Code(VS code)는 MS사의 오픈소스 기반의 크로스 플랫폼이다. - 다양한 개발언어를 지원하고, extension을 통해 쉽게 설치, 삭제가 가능하다. - 아래 주소에 가서 다운 받는다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite plat.. 2021. 8. 4. 웹표준 이란? 1. 웹표준 (웹 접근성) https://www.wah.or.kr 1) 웹 접근성이란? - 장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유 할 수 있는 인터넷 공간을 말한다. 2. 웹표준 관련 기술의 소개 - 웹접근성의 수준을 향상시키는 데에 최적의 방법으로 인식되고 있는 웹표준 관련 기술에는 어떠한 것이 있는지 살펴보고, 이러한 기술의 쓰임새와 의미에 대해 자세히 살펴 보자. 1) 구조 언어 (X)HTML & XML HTML은 ‘HyperText Markup Language’의 약자로, 하이퍼텍스트를 표현하기 위한 마크업 언어라고 정의할 수 있습니다. HTML은 SGM(Standard Generalizes Markup Language)을 모체로 하여 국제 표준 기구인 ISO가 1986년에 채택한, .. 2021. 8. 4. 이전 1 ··· 24 25 26 27 28 29 30 ··· 39 다음