| 단축어 + tab | Emmet | 예시) ! + tab키 ▽▽▽ |
| ! | html 기본 틀 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
|
| alt + shift + f | 라인 정렬 |
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>제목</title>
</head>
<body>
</body>
</html>
|
| link:css | css 스타일시트 연결 |
<link rel="stylesheet" href="style.css">
|
| p | p 생성 |
<p></p>
|
| p*3 | p를 3번 반복 |
<p></p>
<p></p>
<p></p>
|
| p.baghak | baghak 클래스의 p를 생성 |
<p class="baghak"></p>
|
| p#baghak | baghak 아이디의 p를 생성 |
<p id="baghak"></p>
|
| ul>li | 부모 ul, 자식 li |
<ul>
<li></li>
</ul>
|
| p+p | p, p 생성 |
<p></p>
<p></p>
|
'고3 > 응용 프로그래밍' 카테고리의 다른 글
| [고3 응용 프로그래밍] 문법 (2) | 2025.03.18 |
|---|