Allen's 데이터 맛집

웹(Web) 이란? 본문

Programming/Web Scraping

웹(Web) 이란?

Allen93 2023. 8. 7. 21:17

웹이란?

웹은 크게 HTML, CSS, JS(java script)로 구성되어 있습니다

웹을 실제 집으로 예를 들어보자면

  1. 제일 중요한 집의 뼈대 역할을 하는 것은 바로 HTML (Hyper Text Markup Language)입니다
  2. 그리고 집을 이쁘게 만들기 위해서 인테리어 역할을 하는 것은 CSS
  3. 마지막으로 집에서 살아있는 사람의 역할을 하는 것이 바로 JS입니다

CSS, HTML, JS

웹에 대해서 간단하게 알아보았다면, 이번엔 가볍게 구현을 해보겠습니다 😎

저는 Visual studio code를 사용하였습니다.

 

1. 먼저 VS code에서 'open in browser'을 install 해줍니다.

 

 

 

2. 설치 후 open in default browser (alt + b)를 누르면 각자 컴퓨터에서 기본으로 설정되어 있는 브라우저 창이 열립니다

    저는 크롬으로 되어있어서 크롬창이 열립니다.

 

3. 아래의 기본적인 HTML 코드를 작성하여 실행해 봅니다.

<html>
    <head>
        <mete charset="utf-8">
        <title>생생이 홈페이지</title>
    </head>
    <body>
        <!-- tpye text는 text, password 는 암호화 되어 나옴 -->
        <input type = "text" value = "아이디를 입력하세요"> 
        <input type = "password">
        <input type = "button" value = "로그인">
        <a href = "http://google.com">구글로 이동하기</a>
    </body>
</html>

 

4. 정말 쉽죠?? 아이디와 패스워드를 치고 로그인 버튼이 있는 창을 만들어 보았습니다 :)

 

 

웹의 HTML을 더 공부하고 싶다면 해당 사이트 참고해 보는 것도 좋은 방법입니다 :)

 

https://www.w3schools.com/

 

W3Schools Online Web Tutorials

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

728x90
저작자표시 비영리 변경금지
'Programming/Web Scraping' Related Articles more