HTML - 잠깐, 작성한 코드를 직접 보는 방법

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. tag들을 설명하다보니 급 추가 설명이 필요할 것 같아 글을 쓰게 됩니다. 이 글에서는 웹페이지를 만들기위해서 어떤 곳에 코드를 쓰며, 어떻게 볼 것인가에 대하여 알아보도록 하겠습니다. HTML 코드는 어디에 적어야 되는가 ? 사실 웹페이지를 만들기위해 정말 수 많은 도움을 주는 프로그램이 존재합니다. 구글에 Html editor rank 라고 검색하면 다음과 같은 결과를 얻을 수 있습니다. 검색결과처럼 많은 편집기들이 존재하며, 그 중 마음에 맞는 것 하나를 사용하시면 됩니다. 편집기를 설치하기 싫다 하시면 대부분이 사용하는 윈도우 운영체제의 메모장을 이용하셔도 무방합..

2020.11.26

컴퓨터/HTML&CSS

Commnet

HTML-title

​ ※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이번글에서는 지난글에 랭크된 글중 4위 title에 대하여 알아보겠습니다. title 문자그대로 제목이라는 의미를 가지는 tag 입니다. 우리가 웹브라우저를 키게되면 각각의 웹 페이지들마다 이름을 가지고 있지 않나요 ? 이런 내용들은 관장을 해주는 것이 바로 title tag입니다. 바로 이렇게 말이죠. 이것처럼 title tag를 이용하여 웹페이지의 제목을 정의해주는 tag로 다음처럼 사용하면 됩니다. 자 오늘은 title tag로 이제 앞으로 만들어질 웹페이지의 이름을 만들어 보았습니다. 다음번에는 그 다음 tag인 meta에 대하여 알아보도록 하겠습니다. 감사합..

2020.11.25

컴퓨터/HTML&CSS

Commnet

HTML - Tag Rank

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 본격적으로 HTML을 공부해가기에 앞서 과연 웹페지들은 어떤 tag들로 구성이 되어있는지 가장 많이 쓰는 tag는 무었일지 알아보도록 하겠습니다. 검색 검색해 보았더니 아래와 같은 통계 자료를 찾을 수 있었습니다. 그럼 한번 살펴도록 하겠습니다. The average web page from top twenty Google results Apparently, an average web page uses twenty-eight different element types: The twenty-eight elements used on most pages, ordered by ..

2020.11.24

컴퓨터/HTML&CSS

Commnet

HTML-구조를 지정해주는 tag head body

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon입니다. 이번 글에서는 HTML의 tag중 HTML의 뼈대가 표현하는 tag에 대하여 알아보도록 하겠습니다. 지난 글에서 설명했듯이 tag는 문자들에게 의미를 부여해 주는 역할을 합니다. 그 중 head와 body와는 HTML을 이용하여 전자문서를 만들 때 문서의 내용부분과 기본정보를 담기위한 부분을 구분하기 위해 사용합니다. 형태는 다음과 같습니다. 사용 HTML의 종류를 구분하기 위한 tag html을 사용한 웹페이지의 내용들이 저장되는 tag 위 내용을 부분별로 정리하자면, HTML5를 이용하여 작성하겠다는 의미를 가지는 tag입니다. HTML코드의 시작과 끝을 표현하는 ..

2020.11.23

컴퓨터/HTML&CSS

Commnet

HTML - Tag(태그)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon입니다. 이 글에서는 웹페이지를 구성하는 기본 언어인 HTML에 tag에 대하여 알아보도록 합시다. Tag는 정보들에게 의미를 부여해 줍니다. HTML과 우리들이 손으로 노트적는 글은 같으면서도 다릅니다. 예를들어 제가 노트에 제목을 적기위해 굵고 큰 글씨로 'Gon 의 블로그' 라고 적었다면 이것을 보고 다른 사람들은 제목이라고 생각을 하게 되는 것 입니다. 자, 그럼 컴퓨터에서는 저 'Gon의 블로그를' 제목이라고 생각할 수 있을까요? 이 컴퓨터란 놈은 너무나 정직한 친구여서 단순히 굵고 큰 글씨까지 밖에 생각을 못합니다. 만약 여러분들이 'Gon의 블로그'라는 제목을 찾고..

2020.11.22

컴퓨터/HTML&CSS

Commnet

인터넷에 올라온 최초의 웹

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon입니다. 저번 글에 이어서 오늘은 1990년 팀 버너스리가 만들어 인터넷상에 최초로 올라온 웹페이지에 대해 알아보겠습니다. The First website - info.cern.ch 더보기 역사의 시작점 지난 글에서 1990년대 팀 버너스리에 의해 웹이 등장하게 되었다고 했습니다. 사실 이 글을 쓰고 있는 지금으로 부터 불과 30년 전에 일입니다. 그리고 지금도 우리는, 우리가 사용하고 있는 이 웹기술의 역사의 시작점을 직접 찾아가서 확인 할 수 있습니다. 웹 기술을 공부하기에 앞서, 직접 최초의 웹사이트를 방문해 보는것은 어떨까요? info.cern.ch 방문하기 웹페이지를 ..

2020.11.21

컴퓨터/WEB

Commnet

인터넷(Internet) 과 웹(Web)

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon 입니다. 프로그래밍을 독학 하면서 공부하고 습득한 내용을 '기록'하고 싶었습니다. 그리고 독학이라는 한정적인 공부 방법에서 기록에서의 오류를 찾을 방법은 여러 사람들과 공유하는 것이라 생각이 되어, 인터넷을 통해 홈페이지,블로그를 만들어 공유해보자는 생각에서 WEB 공부를 시작하게 되었습니다. 홈페이지를 만들기위해 시작된 공부, Internet,Web 등등 약간이나마 그 근원을 알아보도록 하겠습니다. 인터넷 - Internet 더보기 International Network - 네트워크 위의 네트워크 오늘날 정보의 바다라 불리는 이 '인터넷'은 1960년대에 미국에서 만들어 졌..

2020.11.20

컴퓨터/WEB

Commnet

프로그래밍을 배우다.

글을 써내리기 전에.... 안녕하세요 Gon 입니다. 저는 프로그래밍이라는 분야에 관심을 가지며 2020년 초부터 독학으로 공부를 시작하게 되었습니다. 공부를 시작하면서 처음의 목표는 흔히 인터넷에서 떠도는 속설 - 프로그래밍의 '근본'이라 생각하는 C언어를 시작하였습니다. 이후 정말 저의 머리안에 얇은 지식들을 채워가며 체계도 없이 공부를 하고있었습니다. 나름 열심히 배우고 있다고 생각하고 있었죠. 하지만 새로운 지식들을 습득하면 습득할수록 이전에 배웠던 지식들은 저의 머리속에서 사라지고 말았습니다... 충분히 기억할 만큼 '숙련'시키지 않고 계속 '습득'만 했기 때문이었죠. 물론, 공부를하며 나름 정리도 해두었지만 중구난방의 정리였기 때문에 쓸모없는 기록이 되어버렸습니다. 그래서! 이 블로그를 통해 ..

2020.11.20

컴퓨터

Commnet