전체 글(52)
-
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