일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바스크립트
- lie 과거형
- 자바스크립트 for
- javascript for
- Math.random
- abc뉴스 영어공부
- 자바스크립트 배열
- Hot springs tourism
- 자바스크립트 데이터타입
- JavaScript
- lay 과거형
- shift + tab
- 변수
- 대입연산자
- 왕초보 자바스크립트
- VScode 주석 단축기 ctrl + / 안될때
- 지하온천에 대한 뉴스로하는 영어 공부
- lie와 lay의 차이점
- python virtual environment create window
- python virtual environment create mac
- boolean
- fizzbuzz
- If
- DOM
- 자바스크립트 객체
- 영어뉴스 영어공부
- lie 과거분사
- VScode에서 들여쓰기 해제 하는 방법
- lay 과거분사
- lie와 lay 비교
- Today
- Total
김숭늉 마음대로
Udemy Section2 (2일차) - HTML 및 CSS 기초 본문
1. 웹사이트는 어떻게 만들어야 할까요?
로컬서버라는게 개발자 본인 컴퓨터를 이야기하는거구나 = 임시서버가 즉 개발자 컴퓨터임
필요한것은 두가지 !
- 브라우저
- 명령어
HTML 파일에 html, cs, javascript 모든 코드를 담을수 있음!
브라우저는 크롬이나 파이어폭스를 추천한다!
2. html 파일을 생성하기위해서는 메모장 .txt를 .html로 바꿔주기만 하면된다!
ex) 제목을 index.html로 변경
* 만약에 작동이안되면, [파일탐색기] -> [보기] -> [파일확장명] 활성화
* 연결프로그램은 메모장으로 파일 열기
3. 첫 html 제목 태그 작성해보자~
<h1>hello world!</h1> |
ㄴ html element라고 함
4. (14) 개발환경설정 (2일차)
보다 큰 규모의 프로젝트인 경우이거나 복잡한 코드를 사용할때는 메모장을 쓰기엔 제한적인 부분이있기때문에
더많은 기능이 있는 프로그래밍용 무료 편집기를 사용하면 되! -> '비주얼 스튜디오 코드" https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
[파일] - [기본설정] - [색테마] 에서 메인 화면의 컬러를 변경할수 있음
5. HTML은 Markup Language라고 함 , 즉 콘텐츠에 의미를 두고 콘텐츠를 설명하는 역할
6. HTML 용어
7. MDN WEB DOCS (HTML ELEMENTS REFERENCE) -> 개발자들이 리소스로 활용을 함
https://developer.mozilla.org/ko/
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
8. HTML attribute (HTML 속성) : 항공 opening tag에 추가되어야함
<h1 style="">
9. (20) 폰트 바꾸기
<h1 style="font-family: sans-serif">
------------------------------------------------------------------------------------------------------------------2023.02.08 16:59PM 수강 완료
'IT > 웹개발 (100일 도전)' 카테고리의 다른 글
Udemy Section2 (5일차) - 이미지, 배경, 간격 (0) | 2023.02.11 |
---|---|
Udemy Section2 (4일차) - CSS, 글꼴, Void (0) | 2023.02.11 |
Udemy Section2 (3일차) - CSS 색상, 단축키 등 (0) | 2023.02.10 |
Udemy Section1 (1일차) - 오리엔테이션 (0) | 2023.02.08 |
코딩배우기 무료 사이트 10가지 & 코딩테스트사이트 & udemy 인기강사 추천 (0) | 2023.02.08 |