웹 사이트

HTML로 웹 사이트에 title(제목) 넣기 및 head, body 태그 알아보기

오늘은 HTML로 웹 사이트에 title(제목)을 넣어보도록 하겠습니다. 여러분들 title이 뭔지 아시나요? title이란 제목, 표지라는 뜻을 가지고 있습니다. 저번 시간에 HTML로 웹 사이트에 제목을 넣어보았는데, 그때에는 우리가 볼 수 있는 HTML 제목이었습니다. 볼 수 있다는 말이 무엇이냐면, 웹 사이트에 사용자가 볼 수 있는 걸 말합니다. title 태그란? 오늘 배울 title이라는 태그는 어디에 사용된다면, 저번 시간에도 말했듯이 검색엔진이 그 글이 어떠한 내용을 담고 있는지 파악 할 수 있다고 했습니다. 이번 시간에 title 이라는 태그는 우리가 검색엔진에서 웹 페이지를 검색했을 때, 사용자가 보았을 때 그 웹 페이지의 제목을 보여주는게 title 이라는 태그입니다. 한 번 예시를 ..

HTML로 웹 사이트에 제목 넣기, 줄바꿈 하기

오늘은 HTML로 웹 사이트에 제목을 넣는 법을 알려드리겠습니다. 여러분들은 제목이 뭐라고 생각하시나요? 많은 사람들이 이렇게 말할겁니다. 제목은 글의 내용을 짧게 서술하는 글 이라고 생각할겁니다. 그럼 많은 사람들이 구글이나, 네이버 등 다양한 검색엔진을 통해 웹 페이지에 접근할 겁니다. 그럼 구글이나, 네이버 같은 검색엔진들은 웹 페이지의 내용을 어떻게 알 수 있을까요? 자세히는 잘 모르지만, 제목을 통해 또는 글 안에 내용을 통해 웹 페이지의 내용을 알 수 있습니다. 검색엔진에서 검색한 내용과, 제목이나, 글 안에 내용을 통해 관련있는 웹 페이지를 찾아주는 겁니다. 그러므로 웹 페이지를 만들려면 제목이 있어야지, 검색엔진이 자신의 웹 페이지를 추천 웹 페이지에 올려주겠죠? 그러므로 웹 사이트에 제목..

HTML로 웹 사이트에 글쓰기, 글자 강조하기

오늘은 HTML로 웹 사이트에 글을 써 보겠습니다. 글을 쓰면서 글자를 강조하는 방법도 같이 알아보도록 하겠습니다. 저번시간에 간단하게 HTML이라는 코드에 대해 알아보셨다면, 오늘은 직접 웹 사이트에 글을 써 보는것에 대해 알아봅시다. 일단 간단한 글을 써 보겠습니다. See the Pen writing by Xsop-sop (@xsop-sop) on CodePen. 이렇게 HTML로 글을 작성해주시면 됩니다. 그러면 HTML로 글을 작성한 HTML 파일을 Chrome나 다른 웹 브라우저로 실행하시면 웹 페이지에서 이렇게 나옵니다. 근데 이렇게 글이 나오면 글자를 강조하고 싶지 않나요? 앞선 시간에 배웠던 strong을 한 번 해보면 See the Pen strong by Xsop-sop (@xsop-..