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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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
31

방문자수Total

  • Today :
  • Yesterday :

HTML 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.

티스토리툴바