Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- css3
- 자바스크립트 async await
- 자바스크립트 클로저
- html 코드
- 웹 개발 트렌드
- css 포지션
- javascript
- 오블완
- 자바스크립트
- 자바스크립트 반복문
- 자바스크립트 상속
- 티스토리챌린지
- 자바스크립트 실행 컨텍스트
- CSS
- 자바스크립트 scope
- css position
- 프론트엔드
- javascript opreator
- 자바스크립트 연산자
- javascript opreators
- javascript closure
- HTML
- 자바스크립트 promise
- 자바스크립트 스코프
- 자바스크립트 클래스
- 자바스크립트 프로미스
- front-end
- css display
- html 주석
- 자바스크립트 생성자 함수
Archives
- Today
- Total
Multi Developer SuHo
HTML5 실습 본문
SMALL
우선 저는 Visual Studio Code 개발도구를 사용하여 코드를 작성합니다. 사용하시는 개발도구가 다를수도 있어서 참고해주셨으면 좋겠습니다. HTML를 실습하기 전에 파일부터 생성하겠습니다.
1. 파일 생성
폴더를 생성하고 싶은 경로에 먼저 파일을 생성합니다.
저는 바탕화면에 TEST1 폴더를 생성하고 , TEST1 폴더안에 HTML 폴더를 생성하여 index.html이라는 파일을 만들었습니다.
순서
1. 사용하고자 하는 폴더를 생성합니다(찾기 쉽게 바탕화면에 생성하는 것을 추천)
2. 폴더를 생성한 후 생성한 폴더 안에 OOOO.html 파일을 생성합니다.(마우스 우클릭 한 후 파일 생성)
3. 생성한 HTML 파일에 코드를 작성합니다.
4. 코드를 작성하여 실습해봅니다.
폴더 생성
파일 생성
생성한 폴더 경로에 있는지 확인
코드를 작성합니다.
다시 생성한 경로에 들어가서 코드를 작성한 파일을 클릭합니다.
작성한 코드와 맞는지 비교해봅니다. 만약 다르시다면 생성한 폴더와 경로가 맞은지 확인해봅니다.
LIST
'html5+CSS3' 카테고리의 다른 글
HTML 링크 태그, 리스트 태그 (1) | 2024.02.01 |
---|---|
HTML 주석 처리, 인라인 태그, 블록 태그 (0) | 2024.01.29 |
HTML 제목, 문단, 서식 태그 (0) | 2024.01.29 |
HTML 기본 구조 (0) | 2024.01.26 |
HTML5+CSS3 소개 (0) | 2024.01.25 |