Notice
Recent Posts
Recent Comments
Link
250x250
«   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
Tags more
Archives
Today
Total
관리 메뉴

바닥부터 시작하는 개발 공부

[프론트엔드]혼자서 공부하기 day1: HTML(2) Hello world 출력 본문

프론트엔드

[프론트엔드]혼자서 공부하기 day1: HTML(2) Hello world 출력

Im_light.J 2023. 4. 9. 23:51
728x90

Hello world  출력하기 

 

python에서는 

print("Hello world")와 같이 간단하게 출력하고  

C에서는 헤더를 불러와서 

어찌구... 길게 출력했었습니다 

 

지금와서 생각하는거지만 이게 언어의 첫걸음을 떼는데 

굉장히 중요한 부분이라고 생각합니다 

의외로 언어가 가지고 있는 속성..? 특징..? 같은 부분을 단편적으로나마 잘 보여주는거 같습니다 

 

오늘은 html에서 Hello world를 출력해보겠습니다 

 

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>Hello world!</div>
</body>
</html>

저번 글을 복습하는 겸 다시 얘기해보면 

<html>태그는 문서의 시작, 끝을 나타냅니다 

이때 lang을 통해서 문서의 언어의 종류를 표현할 수 있습니다 

 

<head>태그는 문서의 정보를 담고 있습니다 

이 태그 안에 meta와 title과 같은 몇개의 태그가 있는데 이 부분은 순차적으로 배워보겠습니다 

 

<body>는 구조를 나타냅니다

우리가 보는 웹페이지에서 텍스트 같은 부분들은 이 태그에 들어있습니다 

그렇기 때문에 Hello world도 이 태그안에 집어넣어주겠습니다 

 

<div>태그를 만들어주고 여기에 Hello world!를 입력해줍니다 

 

728x90

'프론트엔드' 카테고리의 다른 글

[프론트엔드]혼자서 공부하기 day3: CSS와 선택자  (0) 2023.04.11
[프론트엔드]혼자서 공부하기 day2: Html 기본  (0) 2023.04.11
[프론트엔드]혼자서 공부하기 day1: HTML에서 java script, css, image 불러오기  (0) 2023.04.10
[프론트엔드]혼자서 공부하기 day1: HTML(1) 태그의 종류  (0) 2023.04.09
'프론트엔드' Related Articles more
Comments