Smart & IT

안녕하세요 오늘은 css hover 가상클래스 선택자에 대해 포스팅을 하려고 합니다. 우선 가상클래스':' 콜론 기호를 이용해서 hover, active, focus를 사용할 수 있습니다. 엘리먼트라는 요소에 마우스가 올라가 있는 동안에 발생 또는 동작하므로 css hover 가상클래스를 사용할 수 있습니다. 그렇다면 예시를 보면서 사용을 해보겠습니다. html 코드에 보시면 a 태그가 있고 네이버로 이동할 수 있는 하이퍼링크가 걸려있습니다. css hover라는 가상클래스를 이용해서 :hover을 이용해 마우스를 올리면 굵게, 사이즈를 20px로 만들 수 있는 예제이고 또 다른 예제를 보면 div 태그를 box 클래스로 css 에서도 아까와 마찬가지로 :hover 가상클래스를 이용해서 width 크기를..

vscode 설치 방법 vs code는 마이크로소프트에서 개발한 툴로 윈도우, mac , 리눅스 운영체제에서 모두 지원이 가능한 가볍고 좋은 프레임워크입니다. 오늘은 vs code 설치 방법을 알아보려고 합니다. 구글이나, 네이버, 다음에서 vscode를 검색하거나 visual studio code를 검색해서 다음과 같은 홈페이지 창으로 접속을 해주도록 합시다. 다음과 같이 vscode 홈페이지에 들어오면 다음과 같습니다. 이렇게 vscode로 접속을 하시게 되면 download라는 탭 메뉴 페이지가 있는데, 그것을 클릭해서 다운로드 페이지로 이동을 할 수가 있습니다. 이렇게 vscode 설치를 할 수 있는 페이지에 오게 되면 운영체제를 선택해서 다운로드를 받을 수 있는데, 저는 windows운영체제를 ..

안녕하세요 ~ 오늘은 HTML 편집기에 대해 간단하게 소개하고자 합니다.우선 HTML 편집기는 HTML을 작성할 수 있는 공간입니다. HTML 편집기는 메모장 또는 텍스트 편집기를 이용해서HTML 코드를 작성할 수 있습니다. 처음에 배우시는 분들은 간단한 html 편집기를 이용해서 배우는 것이 좋다고 생각합니다.메모장이나 텍스트 편집기로 웹페이지 만드는 방법은 하나하나 배워 보도록 하겠습니다 1. PC 에서 메모장을 열기 * 윈도우 8이상은 윈도우 창 검색에 메모장을 치면 됩니다. 2. 메모장을 이용해 저번에 배운 간단한 HTML 코드를 메모장(html 편집기)에서 작성해주면 됩니다. 3. HTML 페이지를 저장해야하는데, 파일에서 다른이름저장을 누르고파일 이름을 filename.html로 다른이름으로 ..

안녕하세요 오늘은 간단하게 html5에 대해서 소개하는 시간을 가져보도록 하겠습니다. 우선 간단하게 html이란 무엇인지 알아보도록 하겠습니다. html은 웹 페이지를 만들기 위한 표준 마크 업 언어 그 다음으로 html 은 ( Hypertext Markup Language) 하이퍼 텍스트 마크 업 언어입니다.html은 마크 업을 사용해 웹 페이지의 구조를 설명하고 html 페이지의 구성요소로태그로 표현됩니다. 태그는 heading , paragraph, table 레이블을 표시합니다. 그 다음으로는 html5 기본구조에 대해서 알아보도록 하겠습니다. 선언은 html5 문서를 정의 한다는 뜻입니다. 태그는 html 페이지의 루트 요소를 정의 합니다. 태그는 문서에 대한 메타 정보를 포함하는 머리 부분에 ..