일상의 변화를 기록

html에 대한 간단한 예제를 해보자 - 문서의 제목을 정하는태그 ~ - 헤드라인 테그, 숫자가 작을수록 글씨가 커진다. - 문단 태그로 사용시 글 위와 아래에 작은 공백이 생긴다. - 줄바꿈 태그 - 글 바탕을 노란색으로 만들어주는 태그 - 작은 글씨로 만들어주는 태그 - 이탤릭체 태그 - 기울여쓰기 이탤릭체랑 차이점을 못느끼겠음 - 지움표시 태그 - 밑줄 태그 - 아래로 붙여쓰는 태그 - 위로 올려쓰는 태그 웹 브라우저에서 실행한 모습

HTML은 언어가 아닌 문서이다. 주석은 으로 나타내고 단축키는 Ctrl + / 이다. Ctrl+Shift+P를 누른후 view in brower로 실행시킨 모습이다.

파일 -> 폴더선택 을 눌러서 저장할 폴더를 지정한다. 표시 해놓은 부분에 마우스를 올리면 새파일, 새폴더, 새로고침등 메뉴가 나타나는데 새파일을 눌러서 새로운 파일을 생성하여 쓸수 있다. *새파일 생성시 파일이름.html 형식을 사용해야 visual studio code에서 지원해주는 자동완성 기능을 사용할 수 있다. Ctrl+Shift+P 를 눌러서 view in brower을 클릭하면 작성한 html문서를 브라우저(크롬, 익스플로러, 파이어폭스 등등)으로 볼 수 있다.

HTML - 웹 어플리케이션 뷰의 뼈대 구성 CSS - HTML을 보다 세련되게 표현 JAVA SCRIPT - HTML에 동적 기능을 구현 J QUERY - JAVASCRIPT의 라이브러리 HTML(Hyper Text Markup Language) https://www.w3schools.com/html/default.asp - 혼자서 공부할 수 있는 사이트. Try it yourself를 눌러서 혼자 연습해 볼 수 있다.

여러 Front End Editor-Editor plus - 유료-Submit text - 유료-Web storm - 유료?-Aptana - 무료, 무겁다-Brackets - 무료, 무겁다(추천할만한)-Visual studio code - 무료. 확장성(추천), 유틸성은 떨어짐. https://code.visualstudio.com/Download 에 접속 체크한 것을 다운로드한다. zip으로 설치했을 경우 폴더안의 exe를 클릭하면 실행된다. Ctrl+Shift+x 를 눌러서 korean을 검색하여 설치한다. Ctrl+Shift+x 를 눌러서 view in brower을 검색하여 설치한다.(버전을 확인할것, 1.0.5) 이제 종료한후 프로그램을 재시작하면 한국어가 적용된 모습을 볼 수 있다.