Hello world!

  • 홈
  • 태그
  • 방명록
프로필사진

  • 분류 전체보기 (32)
    • 개발일지 (0)
    • 컨퍼런스&스크랩 (1)
    • HTML & CSS (2)
    • JavaScript (2)
    • 자료구조&알고리즘 (5)
    • CS Study (0)
      • 컴퓨터구조 (0)
      • 운영체제 (0)
      • 네트워크 (0)
    • SQL & DBMS (0)
    • Git & Github (3)
    • VSCode (2)
    • Python (6)
    • Django & DRF (11)

Tag

VSCode, IDE, Python, prototype_method, HTML, 단축키, f-string, Mac, emmet, 반복문, debugging, CSS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

CSS 1

[HTML&CSS] Emmet - HTML element 생성하기

Emmet 이란? Emmet은 "Expressive Meta-Markup Language"의 약자로, HTML 및 CSS 코드를 간결하게 작성하고 생성하기 위한 확장도구이다. Emmet을 사용하여 HTML 및 CSS를 빠르게 작성할 수 있다. 다양한 IDE에서 지원되며, Visual Studio Code에서는 1.26.0부터 내장되어 별도로 설치하지 않아도 된다. Emmet 구문 사용하기 바로 예시로 살펴보자. HTML 파일에서 다음과 같이 작성해볼 수 있다. // 기본 구문: 태그명 // div // p // span // 요소 복제하기 // li*3 // 요소 class 및 id 추가하기: '.', '#' // 참고로 태그명 생략할 경우, 디폴트로 가 생성됨 // div...

HTML & CSS 2023.12.21
이전
1
다음
더보기

Copyright © Kakao Corp. All rights reserved.

티스토리툴바