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 |
Tags
- javascript opreator
- 자바스크립트
- 자바스크립트 scope
- css3
- 티스토리챌린지
- 프론트엔드
- css position
- 자바스크립트 상속
- javascript opreators
- 자바스크립트 async await
- javascript
- 자바스크립트 promise
- javascript closure
- 자바스크립트 실행 컨텍스트
- 자바스크립트 클래스
- css 포지션
- 자바스크립트 프로미스
- front-end
- 웹 개발 트렌드
- 자바스크립트 반복문
- 자바스크립트 연산자
- html 코드
- 자바스크립트 스코프
- HTML
- 자바스크립트 생성자 함수
- 오블완
- css display
- 자바스크립트 클로저
- CSS
- 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 링크 태그, 리스트 태그 (0) | 2024.02.01 |
---|---|
HTML 주석 처리, 인라인 태그, 블록 태그 (0) | 2024.01.29 |
HTML 제목, 문단, 서식 태그 (0) | 2024.01.29 |
HTML 기본 구조 (0) | 2024.01.26 |
HTML5+CSS3 소개 (0) | 2024.01.25 |