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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

HTML & CSS 2

[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

html 태그 - 목록을 만드는 <ul>, <ol>, <li> 태그

목록을 만들 때 쓰이는 태그는 크게 다음과 같다. : ordered list의 약자로, 번호가 매겨진 순서가 있는 목록을 만든다. : unordered list의 약자로, 순서 없는 목록을 만든다. : list의 약자로, 목록을 만드는 태그입니다. 태그 혹은 태그 내부에 들어간다. 예를 들어, 목록 목록 목록 목록 목록 목록 를 출력하면 아래와 같이 나온다. 목록 목록 목록 목록 목록 목록

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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바