HTML_구조이해

ESTHER PARK·2023년 5월 12일
0

HTML

목록 보기
1/11

아무것도 다 적지 못했는데.. 정말 전광속화같은 진도로 인해 HTML을 적게되었다. 그래도 시간이 날때 적다보면 어느때엔 완성하겠지라는 바람을 갖고 시작!


EDITOR : VisualStudioCode
Extention
- auto closs tag : 끝태그가 있는 경우 자동으로 생성
- auto rename tag : 키워드 자동완성기능
- es7+ : js 사용 등
- gihub theme : 개발 환경 테마 설정
- javascript (es6) code snippets : js 사용 등
- live server : 구현 내용 확인하기
- meterial icon theme : 개발환경 내 아이콘 구성
- prettier : 코드포멧터


html은 문서의 뼈대를 만드는 작업으로 디자인이나 액션 등의 수행을자체적으로 하지는 않는다.
다만 css나 javascript를 활용하여 보다 완벽한 문서를 완성할 수 있다.

기본적으로 다음과 같은 코드구성으로 html 문서작성을 시작한다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

이 내용은 간단히 "! + enter"로 입력할 수 있는 코드이다.
본 코드에는 언어설정, 인코딩 정보, 화면배율, 문서이름 등의 정보와 head 및 body 태그가 작성되어있다.

0개의 댓글