HTML 2

[HTML-팁] - HTML 빠른 작업을 도와주는 단축어

안녕하세요!오늘은 제가 공부할 때 자주 사용하는 Visual Studio Code 단축어를 소개해드리겠습니다.특히 HTML에서 클래스(Class)나 아이디(Id)를 지정할 때 유용한 단축어를 알려드릴게요.Visual Studio Code에서는 Emmet 기능을 통해 더 빠르게 HTML 코드를 작성할 수 있답니다.Class와 ID 빠르게 지정하기HTML에서 CSS 클래스는 . (점), 아이디는 # (샵)을 이용해 빠르게 생성할 수 있어요. 클래스 지정.클래스명 입력 → 자동 생성 .name 아이디 지정#아이디명 입력 → 자동 생성html복사편집#ID div id="ID">div>#ID 여러 개 한 번에 만들기 (*숫자)클래스나 아이디를 여러 개 생성하려면 *숫자를 붙이면 됩니다.Class복사편집...

HTML 2025.05.19

[HTML-기초] - HTML의 태그들

HTML은 웹 개발을 하는 데 있어 가장 기본이 되는 요소입니다. HTML은 시맨틱태그 와 비시맨틱 등 여러 태그가 존재합니다. 오늘 다뤄볼 내용은 웹 개발에기본이 되는 HTML의 여러태그들을 알아보겠습니다. 목차1.시맨틱 태그 2.비시맨틱 태그 3.시맨틱 태그 와 비시맨틱 태그의 다양한 용도의 따른 분류 4.멀티미디어 태그 5.테이블 관련 태그 6.메타 데이터 및 링크 태그 1. 시맨틱 태그(Semantic Tags)먼저 시맨틱 태그입니다. 시맨틱 태그의 종류는 이렇습니다. 태그웹 페이지나 섹션의 머리글을 정의합니다.보통 사이트 로고, 제목, 네비게이션 메뉴 등이 포함합니다. 태그네비게이션 그룹을 나타냅니다.주로 사이트 메뉴나 목차에 사용됩니다. 태그문서의 주요 콘텐츠를 감쌈니다.문소의..

HTML 2025.01.19