HTML(2)
-
[HTML] HTML 태그 단축키, emmet의 개념과 사용법
- 목차 1. HTML에서 emmet이란 무엇인가? 2. emmet의 기본 문법 및 사용 예제 1. HTML에서 emmet이란 무엇인가? emmet은 우리가html 코드를 더욱 효율적으로 작성할 수 있게끔 도와주는 기능들을 제공한다. emmet은 텍스트(HTML언어)편집을 도와주는 플러그인이며 대부분의 텍스트 에디터에 통합돼있다. VS code와 Intellij IDEA 기준으로 문법에 맞게 코드 작성후 tab버튼을 눌러주면 된다. 간단한 태그들부터 복잡한 형태의 태그들까지 모두 구현이 가능하게끔 돼있다. 개인적으로는 CSS의 선택자 문법과 비슷하다고 생각했다. 2. emmet의 기본 문법 및 사용 예제 emmet은 다음과 같이 작성할 수 있다. 꺽쇠안의 태그명과 > 를 함께 입력 후 tab을 누를 시 ..
2023.04.27 -
[HTML] HTML의 기본 파헤치기
-목차 1. HTML이란? 2. HTML의 기본 문법 3. HTML의 다양한 태그 및 속성이란 무엇인지? 1.HTML이란? HTML(Hyper Text Markup Language)은 우리가 웹 사이트를 접속했을 때 보여지는 화면을 작성하는 가장 기본적인 언어이다. 쉽게 설명하자면 글자에 여러가지 꾸밈요소를 더해 글꼴을 바꾸고 크기를 키우고 문단을 나누고. .등등의 기능을 한다고 생각하면 된다. 백문이불여일견이니 아래로 넘어가자. 2. HTML의 기본 문법 복잡하게 돼있는 것 같지만 우리가 주목해야할 부분은 실질적으로 과 , 이다. 우선 꺽쇠의 형태로 돼있는 것을태그(Tag)라고 부른다. 태그에는 다양한 종류가 있으며 위와 같이 글자를 키우고 강조해주는 등 문자와 글을 꾸며주는 역할은 물론 다양한 버튼 ..
2023.04.26