웹/HTML3 [HTML] Emmet HTML Emmet Emmet은 HTML, CSS의 빠르고 효율적인 작성을 도와주는 플러그인이다. Emmet은 사전에 정의된 사용 가능한 태그가 따로 없다. 즉 태그에 어떤 이름을 써도 사용이 가능하다. Emmet에는 공백을 사용할 수 없다. 정확하게는 공백은 Emmet을 멈추는 기능을 한다. Nesting Oprators Child: > 상위 태그부터 하위 태그를 > 로 연결하면 순서대로 구조화. div>ul>li Result: Sibling: + +로 연결된 태그들을 같은 레벨에서 생성 div+p+p+div Result: Climb-Up: ^ ^을 사용하면 한 단계 높은 레벨에 위치시킬 수 있다. ^ 미사용 div+div>p>span+p Result: ^ 사용 div+div>p>span+p^bq Re.. 웹/HTML 2023. 10. 9. [HTML] 태그, 오류, 특징 HTML 태그 HTML은 수많은 태그들로 이루어져있다. 위 태그들을 유심히 보면 쌍으로 이루어진 것과 아닌 것이 있다. 시작 태그와 끝 태그를 가지는 것이 보통이다. 끝 태그가 없는 태그를 빈 태그라고 한다. , 등등... HTML 오류 HTML에서 오타가 나거나 끝 태그를 작성하지 않으면 어떻게 될까? 제목2 1. 문단 태그 웹/HTML 2023. 10. 9. [HTML] HTML이란 HTML HTML은 Hyper Text Markup Language의 약자이다. HTML은 웹 페이지를 만들기 위한 대표적인 Markup 언어이다. HTML은 요소들로 이루어져 있다. 아래는 vscode에서 ! + ⏎ 를 입력하면 나오는 기본 구조이다. 문서의 유형을 나타낸다. 이는 HTML5 임을 나타낸다. 이전 버전의 경우 훨씬 길고 복잡한 문장으로 구성되어 있다. * HTML 4.01의 유형 선언 은 문서의 루트 요소이다. 아래는 W3C HTML 튜토리얼 페이지의 의 일부이다. 태그의 사용 예시를 확인할 수 있다. 의 경우 문서의 제목을 정의하고 브라우저 탭의 이름으로 표시된다. 을 작성하지 않으면 아래와 같이 표시된다. 타이틀은 즐겨찾기에 추가되거나 검색 엔진 결과로도 사용되기 때문에 적절하고 의.. 웹/HTML 2023. 10. 8. 이전 1 다음