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를 의미
<html 문서의 시작>
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>
자바스크립트는 script 태그 안에 작성
head, body 아무곳이나 상관없이 들어 갈 수 있으며 앞의 script가 먼저 실행
>> alert("성연이는 공부중이야");
'화면구현 > HTML' 카테고리의 다른 글
| HTML 기본 컴포넌트 (0) | 2020.06.18 |
|---|---|
| HTML Scrip (0) | 2020.06.17 |
| HTML div태그 (0) | 2020.06.17 |
| HTML 테이블태그 (0) | 2020.06.17 |
| HTML 확장자 (0) | 2020.06.17 |