은팡이의 이것저것

본격적으로 HTML을 파헤쳐 보겠습니다! 먼저 HTML의 기본 틀을 한번 보겠습니다. 제 블로그도 웹페이지죠? 그럼 블로그의 기본 틀을 확인해 볼까요? 블로그 홈에서 마우스 오른쪽클릭! 검사 버튼을 누르면 따란~ 펼쳐저 있는 HTML을 최대한 짧게 접어놓은 상태입니다. 기본적인 HTML형식이 눈에 보이시나요? ... 요론 식의 형식이 보이죠! 저 괄호 화살괄호() 안에 이름이적혀있죠? 바로 이것을 tag(테그)라고 합니다. 테그를 이용해서 브라우저에게 무었인지 알려주는 것이죠. 테그에 대해 구체적으로 알아볼까요? 1.테그 형태 -기본적으로 테그는 열고 닫는 형식이다. 홈페이지의 예제처럼 ... 이런식으로 시작과 끝을 지정해준다. 테그 사이에 넣은 내용이 웹사이트에 보여지는 것이다. -예외의 경우로 끝을 ..

Visual Studio Code를 잘 다운로드 받았나요? 이제 본격적으로 HTML을 공부해봅시다! 아직 다운로드를 못받으셨다면 이전글을 참고해주세요! 👉 설치가 완료됐다면 처음으로 웹사이트를 만들어 봅시다! 1.VSC에 폴더 추가하기 -우리가 만든 HTML파일을 저장하고 관리하기 위해서 폴더를 하나 만들어 주겠습니다. 경로는 편하신곳에 저장해주세요! -폴더를 만들으셨다면 VSC를 열어 폴더를 추가합니다!(Open Folder...) 여기까지 따라오셨다면 작업할수있는 환경셋팅이 완료된겁니다! 이제 우리가 만들어보려 했던 HTML파일을 만들고 나만의 웹사이트를 만들어 봅시다! 2.VSC에서 HTML만들기 원하는 이름의 파일로 뒤에 확장자명만 .html을 붙여주면 완성! 3.HTML작성하기 자 이렇게 하면 ..

단순하게 웹사이트는 개발자 입장에서 3개의 언어(HTML, CSS, Javascript)로 이루어 졌다고 생각하면 될것같다. 그중 첫번째 언어인 HTML에 대해서 알아보자! - HTML(Hypertext Markup Language) 우리가 사용하는 브라우저(익스플로러,크롬,파이어폭스,사파리 등..)는 당연하게도 인간의 언어를 알아먹지 못한다. 그렇기 때문에 브라우저가 웹사이트를 이해하기 위해서는 알아듣게 브라우저에게 설명(?)해주는 작업이 필요하다. ex) 이게 제목이고 이건 이미지고 이건 본문 글이야! 이렇게 브라우저에게 설명하는 방법으로 사용하는 언어가 HTML이다. 브라우저에게 웹사이트에 들어가는 여러가지 콘텐츠들을 설명해주는 문서인셈이다. 이제부터 차근차근 HTML을 어떻게 사용할지 알아보자! ..