Html의 기초 그런데 이제 Java Script을 곁드린

Beemajor·2024년 7월 15일
<html>
<head>
    <title>Team Members</title>
    <script>
            // 자신의 조의 학생이름을 담는 변수 선언하고 console.log를 통해 출력
            let teamMembers = "3조: 김기우, 김도연, 이다온, 조우석, 최지희";
            console.log(teamMembers);
    </script>
</head>
<body>
    <div id="team-members"></div>
</body>
</html>

Html에서는 <>로 시작해서 </>으로 닫는다.


<Html></Html>

위 처럼 연다.


저 사이에 이것저것 넣는다
이것저것에는 Head와 Body가 있다.


Head에는 title과 Script가 있다.
title에 적는건 제목이 되고
Script에 적는건 뭔지모름


Body에 넣으면 그냥 보인다.
print()안해도 보인다.
안보이고 싶은데 보인다.


Java Script는 let, var, const 로 선언을 한다.
파이썬은 그냥 쓰면되는데 짜증난다.


JS(Java Script)는 console log()로 출력을 하고
Ctrl + Shift + i 즉 개발자도구로 출력값을 볼 수 있다.
파이썬은 그냥 쓰면되는데 짜증난다.


마지막으로 뤼튼에게 물어본 오늘내용


HTML (Hyper Text Markup Language)
HTML은 웹 페이지를 구조화하고 표현하는 언어입니다.
HTML 태그는 꺾쇠 괄호 <> 로 감싸져 있으며, 태그명과 속성으로 구성됩니다.
웹 브라우저는 HTML 문서를 읽어 웹 페이지를 렌더링합니다.


HTML 문서 구조
html 태그: HTML 문서의 시작과 끝을 나타냅니다.
head 태그: 웹 페이지의 메타데이터(제목, 스크립트, 스타일 등)를 포함합니다.
body 태그: 웹 페이지의 실제 콘텐츠를 포함합니다.
p 태그: 문단을 나타냅니다. 감싸진 내용을 단락으로 인식하고 적절한 간격을 두어 렌더링합니다.
br 태그: 줄을 건너뜁니다.
a 태그: 하이퍼링크를 나타내는 태그입니다.
b 태그: 글씨를 굵게 한다.


JavaScript
JavaScript는 웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어입니다.
script 태그 안에 JavaScript 코드를 작성할 수 있습니다.
console.log() 함수를 사용하면 개발자 도구의 콘솔 창에 출력할 수 있습니다.
변수 선언 시 let, var, const 키워드를 사용합니다.


개발자 도구
웹 브라우저의 개발자 도구(F12 또는 Ctrl+Shift+I)를 사용하면
HTML, CSS, JavaScript 등을 디버깅할 수 있습니다.
콘솔 창에서 console.log() 함수로 출력한 내용을 확인할 수 있습니다.

profile
i'm Graphic Designer

0개의 댓글