HTML(Hyper Text Markup Language) 살짝 알아보기

화면구현/HTML

HTML(Hyper Text Markup Language) 살짝 알아보기

psys 2020. 6. 17. 09:47

728x90

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>난 성연이</title>
</head>
<body>
    <h1>
        난 최고의 프로그래머
    </h1>
</body>
</html>

1) <!DOCTYPE html>

html 버전 5를 의미

1) <html lang="en">

en은 영어, ko는 한국어로 서치결과에 반영하는 언어를 의미함

디폴트이면 결과 반영을 안 해줌

** 여러개 사용은 금지**

2) <meta charset="UTF-8">

이것이 없다면 아래와 같이 글자가 깨져서 나온다

3) <meta name="viewport" content="width=device-width, initial-scale=1.0">

사용자 기기의 화면 비율을 맞춰준다

4) <title>난 성연이</title>

탭의 제목을 지정

5) body

body사이의 것들만 화면에 출력

script

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        alert("난 헤드라고해");
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>난 성연이</title>
</head>
<body>
    <h1>
        난 최고의 프로그래머
    </h1>
</body>
</html>

<script>
    alert("성연이는 공부중이야");
</script>

자바스크립트는 script 태그 안에 작성

head, body 아무곳이나 상관없이 들어 갈 수 있으며 앞의 script가 먼저 실행

>> alert("성연이는 공부중이야");