HTML - <h1> to <h6> Tags

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이글에서는 역시나 상위 랭크에 올라와있는 h tag에 관하여 알아보도록 하겠습니다. 부터 tag들은 해당 HTML 문서의 제목을 정의하는 tag입니다. 숫자가 낮을수록 중요한 제목을 설정한다고 생각하시면 이해가 쉬울 것 입니다. 코드로 작성하면 다음과 같습니다. Gon의 블로그 HTML - h Tag의 의미 중요순위의 설정 참고사항 메모사항 글을 마치며​ 실제 웹페이지에서 구동되면 아래와 같습니다. ​위 처럼 우리는 HTML에서 에서 를 통하여 해당 HTML 문서의 제목을 정할 수 있습니다. *주의사항 -사용시 h1 Tag는 page에서 하나만 사용하기 ! HTML을 읽..

2020.12.02

컴퓨터/HTML&CSS

Commnet

HTML - div tag

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다 안녕하세요 Gon입니다. 이 글에서는 tag에 대하여 알아보겠습니다. HTML에서 tag 랭크에 상위에 rank된 이 div tag는 사실 다른 tag들 처럼 혼자서만의 특별한 기능을 가지고 있지는 않습니다. 하지만 HTML내의 문자들을 를 통해 감싸줌으로서 감싼 문자들에게 의미를 부여해 주는 역할을 합니다. 이 의미들을 정의하고 CSS라는 언어와 혼용하여 HTML안의 문자들을 조금 더 가독성이 있고 유용한 데이터로 만들어주는 역할을 합니다. 정리하자면, 를 이용하여 의미를 주고 CSS와 혼용하여 사용합니다. 로 가상의 레이아웃을 만드는 역할을 주로 합니다. 감사합니다. Gon

2020.11.30

컴퓨터/HTML&CSS

Commnet

HTML-meta tag

※ 주의 ! 이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 문제가 있다면 말씀 부탁 드리겠습니다. 안녕하세요 Gon입니다. 지난 글들에서 HTML의 구조를 만들어주는 Tag인 에 대해서 알아봤습니다. 그 중 tag는 웹페이지의 기본 정보들을 설정하는 영역의 구조를 지정해주는 tag 입니다. 이제 그 안에 웹페이지의 기본적인 정보를 정의하는 tag가 바로 tag입니다. 그래서 아주 중요한 tag로 사용빈도가 거의 100%에 가까운 tag입니다. 웹페이지의 문자 출력의 구성을 정의해주고 그 웹페이지의 키워드,설명등을 정의하여 우리가 사용하는 검색엔진들에서 노출될 수 있도록 도와줍니다. meta tag 와 그 안의 속성은 다음과 같습니다. meta는 이런 기능들을 한다만 기억하고 있으면 좋을 것..

2020.11.27

컴퓨터/HTML&CSS

Commnet

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