화면 속(24)
-
HTML5 Tag의 기본, 다양한 HTML의 tag들(with head)
'태그'의 개념에 대해서는 앞서 종종 설명하곤 했었는데요,요소들을 포함하여 하나의 기능을 하게되는 것 이라고 생각하셔도 좋을 것 같습니다. tag의 종류를 다 외울 필요는 없지만,자주 쓰는 것과 기본 틀이 되어주는 것은 이해하고, 외워두면 좋겠죠 :) html5 문서라는 것을 알려주는 tag는 DOCTYPE html>입니다. 이전에는 훨씬 긴 tag가 뒤를 이었다고 하는데,간결해진 셈이죠 :) 뒤를이어서, html영역을 표현하는 tag는 진짜로, html tag입니다.기억하기도 쉽고, 인지하기도 쉽네요 :)이제 이렇게 생긴 문서를 본다면, html 문서로군! 할 수 있겠죠? :) html을 구성하는 tag는 head와 body tag가 있는데, html tag사이에 위치하게 됩니다. 사람의 형상을 생각하..
2018.01.04 -
HTML5의 특징, 시맨틱 웹(Semantic Web)
HTML5의 특징, 시맨틱 웹 입니다. 시맨틱 웹(Semantic Web)이란, 웹에 존재하는 수 많은 페이지들의 메타데이터를 부여하여,그저 데이터의 집합- 이었던 웹 페이지를'의미'와 '관련성'을 가지는 거대한 데이터베이스(DB)로 구축하고자 하는 발상입니다.(의미 그대로, 의미론적인 웹 이란 뜻인 것 같습니다.) 이를 위하여 구분되어진 것이시맨틱 요소, 시맨틱 태그 입니다.이는 브라우저, 검색엔진, 개발자 모두에게콘텐츠의 의미를 명확히 설명하는 역할을 합니다. 시맨틱 웹 에 대하여 검색하면 나오는 가장 대표적인 계층 구조일 것입니다.아직 우리에게 조금 어려운 구조이지만,'의미와 개념을 찾아 원하는 값을 돌려주는 것'을 목표로 하는 구조라고 생각하면추후에 다시 공부하는 데 도움이 될 것 같습니다. 이런..
2018.01.02 -
HTML5 기본 문법, 요소(element), 속성(attribute)
오늘은 기본 문법인 요소(element)와 속성(attribute)에 대해이야기 해보겠습니다. 이는 계속해서 헷갈릴 수 있는 부분이지만, 차차 눈에 익게 될 테니한 번에 외우는 느낌 보다, 조금씩 이해해 가는 느낌을 받으면 좋을 것 같습니다. 먼저, '요소(element)'란? 어서오세요, EHOFO's World에 오신 것을 환영합니다! 요소란 시작 태그와 종료 태그(여는 태그와 닫는 태그) 그리고 그 사이에 존재하는 contents를 말합니다. *추가, 태그는 대소문자를 가리지 않지만, 소문자 사용을 권장하고 있습니다. '요소'는 중첩이 가능합니다.하나의 태그 안에 여러 요소가 들어갈 수 있다는 것이죠. Hello World 어서오세요, EHOFO's World에 오신 것을 환영합니다! 태그의 사이에..
2018.01.01 -
HTML5로 웹 페이지 만들기, 'html 태그(html tag)' 란?
HTML5 를 활용 해 보기 위해 VSCode를 설치했으니,VSCode를 어떻게 사용할 수 있는지, HTML5가 대체 어떻게 사용되는지한 번 알아봅시다 ▼ 아직 VSCode를 설치하지 않았다면 ▼2017/12/30 - [광고쟁이의 IT_study/HTML5] - HTMl5활용하기, VSCode 설치 방법 우선VSCode를 실행시켜 줍니다. 시작시의 첫 화면입니다.'어서 작업 하시지!'하는 느낌의 웰컴 페이지가 있습니다.어디서 폴더나 파일을 추가해도 상관 없지만,이 곳 에서 파일을 저장 할 경로를 설정 해 주시면 조금 빠르게 시작할 수 있습니다. 만드는 파일이 저장 될 경로를 지정해 주신 뒤에,추가하여 작업 할 준비를 1차적으로 끝냅니다. 파일 - 새 파일 로 추가를 하셔도 좋고,Ctrl + N등의 단축키..
2017.12.31 -
HTMl5활용하기, VSCode 설치 방법
HTML에 대해 대강 알았지만,어떻게 공부해야 하는가, 어리둥절 합니다. 아무것도 모르는 비 전공자에겐,영단어와 수식을 늘어뜨려놓은 문장이 있을 뿐이기도 합니다. :( HTML 언어를 배우고, 개발하는 데 큰 도움을 주는IDE를 설치하고, 공부해보도록 하겠습니다. *IDE(Integrated Development Environment)란통합 개발 환경 소프트웨어 어플리케이션으로, 효율적으로 프로그램을 개발하는 것을 지원해 주는 프로그램입니다. 제 블로그에서HTML과 CSS, JavaScript(약간)을 작성할 때 사용 할 프로그램은'Visual Studio Code'(이하 VSCode) 입니다. 비 전공자이더라도, 컴퓨터에 관심이 있으셨다면 한 번 쯤 들어보셨을 수도 있을Visual Studio와 뿌리가..
2017.12.30 -
HTML5 입문, HTML5란?
비 전공자인 제가,이번에 새로운 세계인 웹 개발을 만나면서,가장 먼저 접한 '용어'는 HTML과 HTML5였습니다. 도대체 HTML이 무엇이고, HTML5는 무엇일까요? HTML이란,Hyper Text Markup Language의 약자로,'웹 페이지를 기술하기 위한 마크업 언어' 라는 의미 입니다. '마크업 언어'가 뭔지는 차후에 알아보도록 하고,'웹 페이지를 만드는 언어'라고 이해하면 될 것 같습니다. 조금 더 쉽게 표현해 이해를 돕자면,'웹 페이지의 내용(Content)과 구조(Structure)를 만드는 언어'라고 할 수 있습니다. 눈치가 빠르신 분들은 알아보셨을 수도 있겠지만,HTML5는 그런 언어의 5번째 버전(규격)이라는 소리 입니다.(HTML, HTML2.. 이렇게 사용 되어 온 것은 아닌..
2017.12.30