Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
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 31
Archives
Today
Total
관리 메뉴

LogicalMaster

HTML 에 대해 알아보자 본문

IT/개발일기

HTML 에 대해 알아보자

LogicalMaster 2020. 8. 23. 22:00

HTML 는 가장 많이 쓰이며 보편적인 웹 언어 입니다.

 

서버 단이 아닌 클라이언트 단에서 구동되는 웹 언어이며

대표적으로 서버 단에서 구동되는 웹 언어는 Python 과 PHP 가 있습니다.

 

 

이번시간에는 HTML 문법에 대해 알아보고 응용을 해보도록 하겠습니다.

 

 

여기까지가 HTML 기본 문법입니다.

 

하나씩 뜯어보도록 합시다

 

 

<!doctype html>

html 문서 선언문 입니다.

이 문서는 HTML 이라고 선언 하는 것입니다.

 

하지만 요즘 대부분의 최신 브라우저 에서는 저 문법이 필요없습니다. (IE7 IE8 등 구버전 브라우저에서 필요)

 

<html lang="ko">

html 의 언어를 선택하는 것입니다. (인코딩)

 

요즘 대부분의 브라우저에서는 lang="ko" 속성이 필요없습니다.

 

<head>

CSS, 자바스크립트 같은 헤더 문법을 <head> 안에 추가시켜 사용하는 것입니다.

 

<body>

div, span, font 등 화면에 표시되는 함수나 소스가 들어가는 곳입니다.

 

</head> </body> </html>

</> 는 <> 로 열었던 구성요소를 닫는 것입니다.

 

<script src="js/layout.js"></script>

자바스크립트 선언문 입니다.

 

<script> 안에 내용을 작성해도 좋고 저런식으로 파일을 불러들여 사용해도 좋습니다.

 

 

- 결과화면

 

- 전체소스

<!doctype html>

<html lang="ko">

    <head>

        <title>Hello World</title>

        <meta charset="utf-8"/>

        <link rel="stylesheet" href="css/layout.css"/>

        <script src="js/layout.js"></script>

    </head>

    <body>

        <h1>Hello World</h1>

    </body>

</html>

 

 

다음시간에는 JS 기초 문법에 대해 알아보겠습니다.

Comments