2021.07.14 - [웹 프로그래밍] - html 기본 틀 만드는 단축키 shit + '1' + tab
html 기본 틀 만드는 단축키 shit + '1' + tab
코딩할 수 있는 화면에 shift 키를 누른 상태에서 숫자1을 눌러 ! 를 입력한 후 키보드의 Tab버튼을 누르면 html의 기본 구조 세팅이 완성된다. shit + '1' + tab.
so-es-immer.tistory.com
단축키를 실행하면 나오는 완전 기본 틀
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>이와 같은데 여기서 있는 태그들의 의미를 알아본다
https://opentutorials.org/course/3084/18409
문서의 구조와 슈퍼스타들 - 생활코딩
--- 우리는 HTML의 문법을 마스터했다고 말씀드렸습니다. 말하자면 문장을 만드는 방법을 마스터했다고 할 수 있습니다. 더 복잡한 것은 단언컨대 존재하지 않습니다. 문장이 모이면 무엇이 되나
opentutorials.org
1. html 태그
빈도수가 가장 높은 태그
html 파일임을 알려주는 태그다
약속임
<!DOCTYPE html> <html> </html>
을 쓰는 것
2. head 태그
본문을 설명하는 태그다
meta charset처럼 Utf-8 과 같은 해석 방식을 알려주거나 (utf-8을 안 쓰면 가끔 한글이나 문자가 깨진다)
문서 이름을 전해주는 title 태그가 들어간다.
title의 경우 검색엔진에서 중요하게 여기는 태그라고 하니까 은근 간과하면 안된다
3. body 태그
이제 진짜 웹페이지에 보이는 본문을 의미한다
여기 안에 heading도 넣고 p 도 넣으면 된다
마찬가지로 <body> </body>로 닫아준다
가장 많이 쓰이는 5개를 배웠다
'웹 프로그래밍 > HTML' 카테고리의 다른 글
| 생활코딩 a 태그와 원시웹 / 웹문법 파트 끝 (0) | 2021.07.15 |
|---|---|
| 생활코딩 html 목차 태그 ul ol li (부모 자식 태그) (0) | 2021.07.15 |
| 생활코딩 선택자 통계~ 줄바꿈 br p (0) | 2021.07.15 |
| 생활코딩 코딩과 html 공부 시작 (0) | 2021.07.15 |