개발블로그

Hello world! (HTML로 시작하기) 본문

자바스크립트 Javascript

Hello world! (HTML로 시작하기)

rheeeuro 2019. 3. 15. 19:35

이 강의는 코딩에 대해 아누것도 모르거나 c언어정도 알고있는 사람을 대상으로 한다.


자바스크립트는 인터넷 브라우저로 동작하기 때문에 보통 HTML. CSS 와 함께 사용한다.


그래서 우리는 자바스크립트를 하기 전에 HTML을 할 줄 알아야 한다.


<html>

<head>

<title>Hello world!</title>

</head>

<body>

<h1>This is homepage</h1>

</body>

</html>



일단 위에를 메모장에 타이핑 하거나 복붙한 뒤 저장해보자.


(여기서 주의할 사항이 있는데 저장하기를  누르면 *.txt 형식으로 저장이 될텐데 뒤의 확장자를 txt가 아닌 html로 저장해 주어야 한다.)







그 뒤에 실행을 시키면 홈페이지의 제목에 Hello world! 가, 내용에는 This is homepage 가 나오는 것을 확인 할 수 있다.


이게 우리가 알아야 될 HTML의 대부분이다.


HTML은 <와 >를 사용한 태그 라는 것으로 코드를 작성한다.


각각의 태그는 <html>와 같은 태그로 열고 </html> 와 같이 /를 붙여 태그를 닫는다.

(그 사이에 내용을 넣으면 된다.)


<html>태그는 HTML 소스의 시작과 끝을 나타낸다.

<head>태그는 페이지의 제목같은 내용이 하닌 속성을 나타낸다.

<title>태그는 페이지의 제목을 나타낸다.

<body>태그는 페이지의 내용을 나타낸다.

<h1>태그는 내용에서 제목을 나타내는 태그이다 h1태그부터 h6태그까지 존재하며 숫자가 커질수록 글씨크기가 작아진다.


Comments