강의 - html5 시작

정말 쉬운 웹 언어인 html5를 배우고 싶은 사람들에게 도움이 되는 자료이길 바랍니다

html 너무 오랜만에 생각해보니 아마도..

h : hyper

t : text

m : markup

l : language

html 이란?

hyper-text 는 링크. 쉽게 말해 이동할 주소를 포함한 글자를 말한다

markup-language 는 <태그></태그> 이러한 형태의 코드들을 말한다

종합해보면 <태그></태그>를 사용하는 링크들의 모임 정도로 생각해두면 된다

(과제에서 이렇게 쓰면 안됩니다.. 전문적인 문서 찾아보시고 위에는 이해를 돕기위해 내맘대로 정의했습니다)

개념적인 부분을 공부하고 싶은 분들은 따로 검색해서 찾아보세요

html은 홈페이지 만드는 언어/코드/개발 정도로 생각하면됩니다 (리얼 개발은 다른의미..)

그럼 html5에서 숫자 5는 무엇??

윈도우xp, 윈도우7, 윈도우10, 윈도우11 처럼 버전이름이라고 생각하면됩니다

참고로 html4보다 5에서 변경(편하게)된 부분이 많습니다

작성방법

작성하는 방법은 아주 간단합니다

1. 일반적인 PC에 없으면 이상한 메모장(notepad.exe)을 실행

2. 코드를 입력

3. 저장 후 파일 실행

code

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>타이틀 - title</title>
</head>
<body>
    본문 - body
</body>
</html>

코드 해석

<!DOCTYPE html> : html5로 작성된 문서입니다

<html lang="ko"> : 여기서부터 html 코드로 실행하며 언어는 ko 한국어로 작성되었습니다

<head> : 인터넷 브라우저 or 모바일 브라우저 or 인터넷창의 제목이 있는 영역. 제목이 아니라 제목을 넣는 영역 이라고 보면됩니다

<title> 타이틀 - title </title> : 실제 페이지의 제목을 정해주는 코드

</head> : 제목을 넣는 영역이 끝났습니다

<body> : 본문입니다. 실제 페이지

</body> : 여기서 본문은 끝납니다

</html> : html 영역이 끝납니다

마치며..

이렇게 html 기본적인 설명이 끝이 났습니다

html 공부는 사람에 따라 차이가 있지만 최소 3일에서 최대 2주안에는 끝납니다

(프론트나 백엔드 개발자를 목표인 분들은 그냥 훑어보고 지나가도 됩니다. 실무에선 알고 모르고 소통에 차이가 생깁니다. 어려운 공부는 아니니 한번 해보는것도 좋아요!)

정말 쉬운 언어이고 발전가능성이 높은 웹에대한 부분의 개론적인 부분이기 때문에 관심있는 분들은 한번 공부해 보시길 바랍니다.

저작자표시 비영리 동일조건

'blog > html' 카테고리의 다른 글

HTML 특수문자 사용하기 (0)	2022.02.24
a 태그 키보드 tab 활성화 / 비활성화 (0)	2022.01.18

blog.wdev.kr

강의 - html5 시작