728x90 HTML7 HTML & CSS 기초 1. HTML 그룹화 섹셔닝 skip navigation Skip to content Enlighten Designs Main menu About Cntact Us Aside 1) 기본적으로 그룹화 하여 섹셔닝 해야된다. -그룹화 작업할 때는 div 태그로 - id는 큰 영역을 사용 할때 ( 본문 ) // 특정영역 바로가기 사용 - class는 다소 중요하지 않은 부분을 사용할 때 ( 중복사용 가능 ) 2) 섹셔닝 요소 Sectioning, section, article, nav, aside, header, footer 2. List 비순차적 목록, 순차적 목록 [ul, ol, li] See the Pen ul, ol 차이 by SEIN (@JHEcho) on CodePen. List 형태의 목록을 만들.. 2021. 8. 17. 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. 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. [CSS] 이미지 세로 중앙 정렬 https://abcdqbbq.tistory.com/54 [css 응용] 이미지 세로 중앙 정렬 css를 사용하다보면 이미지를 세로 중앙 정렬이 필요한 경우가 매우 많이 있다. 그 방법에 대해 알아보려한다. 1. line-height와 vertical-align을 이용한 정렬 이미지를 감싸는 영역에 line-height값을 준 abcdqbbq.tistory.com 2021. 7. 16. [CSS] 마우스를 hover 했을때, 밑에서 색깔이 올라오는 변형속성 See the Pen 마우스를 hover 했을때, 밑에서 색깔이 올라오는 변형속성 by SEIN (@JHEcho) on CodePen. 2021. 6. 14. 이전 1 2 다음 728x90
