본문 바로가기

분류 전체보기

(26)
[HTML5] #1. html5 태그 HTML HTML(Hyper Text Markup Language)은 마크업(Mark-up)언어로 웹페이지의 기본적인 형태를 만드는 코드이다. 프로그래밍 언어가 아니기때문에 연산은 할수없고 단순히 웹페이지의 겉모습만을 담당한다. 예를 들면 글자나 버튼같은 것들이 HTML로 만들어지며 쉽고, 직관적이기때문에 쉽게 배울수있다. 기본구조 visual studio code에서 느낌표를 누르고 탭을 누르면, html의 기본구조템플릿이 생성된다. (! + Tab) HTML의 기본적인 구조이며 HTML을 작성하기 위해서는 꼭 있어야 하는 구조이다. : HTML5를 사용함을 브라우저에 선언하는 역할을 한다. : 전체 html 문서를 감싸는 태그이다. html 바깥에 DOCTYPE을 제외한 다른 태그가 있으면 안 된다...
[HTML5] HTML5 사용을 위한 VSCODE초기 설정 Visual Studio Code 다운받기 HTML5를 사용하려면 Visual Studio Code 라는 프로그램을 다운받는다. 다운받고 실행했으면 이제 라이브서버를 설치해야한다. 왼쪽 맨밑에 아이콘(확장)을 누르면 확장기능을 다운받을 수 있다. [확장]을 클릭하고 마켓플레이스에 Live Server를 검색하고 설치한다. live까지만 치면 바로 나옴! 그리고 vscode에서 html파일을 작성할때 느낌표를 누르고 탭을 누르면 html의 기본구조템플릿이 작성되는데 혹시 그게 안된다면 설정해주면 된다. 윈도우와 맥에서 각각 방법이 다른데 아래와 같이 하면 된다. (윈도우) 파일 > 확장 > Emmet > Trigger Expansion On Tab 체크하기 (맥) code > 기본설정 > 설정> 검색바에 ..