김숭늉 마음대로

Udemy Section2 (2일차) - HTML 및 CSS 기초 본문

IT/웹개발 (100일 도전)

Udemy Section2 (2일차) - HTML 및 CSS 기초

김숭늉이 2023. 2. 8. 15:34
728x90

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 수강 완료

 

 

 

728x90
반응형