목차

1.시작하기 앞서
2.html
3.느낀점

1.시작하기 앞서

오늘은 그 어느때보다 집중이 안되는 날이였다.
그래도 뭐라도 해야겠다라는 마인드로 꾸역꾸역 시작한게

HTML이다..
엄청 단순하고 쉬운 내용인데 알고있으면

web 테스트할때 쓸만 할 것이다.

2.HTML

HTML이란 우선

HyperText Markup Language
하이퍼텍스트 마크업 랭귀지

웹 페이지를 위한 지배적인 마크업 언어이다 라고 검색했을때 나왔었다.

그러나 어렵게 생각할 필요없다

이런 짤이 존재할 정도로 쉽다.

출처 : https://zetawiki.com/wiki/HTML%EC%9D%80_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4%EA%B0%80_%EC%95%84%EB%8B%99%EB%8B%88%EB%8B%A4

우선 내가 만든 간단한 예제를 뜯어보자

내용은 이렇게 생겼다.

HTML은


<>로 시작해서
</>로 끝난다고 생각하면 된다.

맨 윗줄은 말 그대로 html을 선언해준 부분이다.

그뒤 Tab키를 치고 head라는 부분이 있는데

이 친구는 헤드 즉 머리라고 생각하면된다.

난 여기서 꼭

meta charset='UTF-8'

를 꼭 해주는 편이다.
가끔 브라우저에서 저게 없을때 한글을 인식 못하는 경우가 있어서

해주는걸 추천한다.

이제 명령어들의 뜻을 정리해주도록 하겠다.

head : 머리 부분이다.

title: 웹사이트 맨위 탭부분에 뜨는 메세지이다.

body: 몸통부분 주요 내용을 적어주면된다.

h1: 1빠다라고 생각하면된다. 가장 큰 글자다.

img src="": 이미지 링크를 거는 것이다.

a href=""__ : 글자에 링크를 걸어주는 부분이다.

velog에서 꺽쇠 괄호를 사용하면 글자가 자꾸 사라지는 것 때문에
이해가 힘들 수 있지만 위 사진을 가지고 이해를 해주면 좋겠다.

이렇게 해서 나오는 페이지

이렇게 된다.

생각보다 많이 초라하다 ㅋ큐ㅠㅠ

3. 느낀점

알고있던 지식을 바탕으로 복습겸 새로운 정보도 알게되었으나
그러면 너무 길어져서 어쩔 수 없이 스킵했다.

다음에 적을 기회가 생긴다면 한번에 써보도록하겠다.

그리고



























오늘 집중 너무 안돼ㅐㅐㅐㅐㅐ!!!ㅜㅜㅜㅠㅠㅠ

0개의 댓글