'개인공부/HTML5 + CSS3' 카테고리의 글 목록 (11 Page)

본문 바로가기

[HTML+CSS] [HTML 기본 다지기] 04 - HTML 문서의 기본구조 [HTML+CSS] [HTML 기본 다지기] 03 - Tag(태그) 개념 및 사용시 주의해야 할 점 [HTML+CSS] [HTML 기본 다지기] 02 - Visual Studio Code 설치 및 확장설치 [HTML+CSS] [HTML 기본 다지기] 01 - HTML에 대하여 HTML에 대해 배우기에 앞서 HTML의 기본적인 개념에 대해서 간략히 알아보자. HTML.. onelight-stay.tistory.com 드디어 HTML의 기본 구조에 대해 배우는 시간이다. 이번 기회를 통해 HTML 문서의 기본구조에 대해 이해하고 작업 시 혼동하지 않도록 한다. HTML 문서는 일반 문서와는 달리 정해진 형식에 맞추어 내용을 입력해야 한다. 예시를 확인하고 HTML 문서의 기본구조에 대해 알아보도록 하자. -.. 2020. 6. 5.

[HTML+CSS] [HTML 기본 다지기] 03 - Tag(태그) 개념 및 사용시 주의해야 할 점 [HTML+CSS] [HTML 기본 다지기] 02 - Visual Studio Code 설치 및 확장설치 [HTML+CSS] [HTML 기본 다지기] 01 - HTML에 대하여 HTML에 대해 배우기에 앞서 HTML의 기본적인 개념에 대해서 간략히 알아보자. HTML은 'Hyper Text Markup Language'의 줄임말로 'Hyper Text'는 웹문서에서 링.. onelight-stay.tistory.com HTML 기본 문서 구조에 대해 알아보기 전에 HTML에서 아주 중요한 Tag(태그)에 대해서 알아보고 사용 시 주의해야 할 점이 무엇인지에 대해 알아보도록 하자. Tag(태그)는 어디가 제목이고 어디가 본문인지 표시하는 마크업을 할 때 사용하는 약속된 표기법이다. 이때, 태그를 사용하기 .. 2020. 6. 4.

[HTML+CSS] [HTML 기본 다지기] 02 - Visual Studio Code 설치 및 확장설치 [HTML+CSS] [HTML 기본 다지기] 01 - HTML에 대하여 HTML에 대해 배우기에 앞서 HTML의 기본적인 개념에 대해서 간략히 알아보자. HTML은 'Hyper Text Markup Language'의 줄임말로 'Hyper Text'는 웹문서에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능�� onelight-stay.tistory.com HTML은 웹 편집기를 이용해 작업을 한다. 정말 다양한 웹 편집기가 존재하지만 그중에서 비주얼 스튜디오 코드를 설치해 보도록 하자. 또한 프로그램 설치 말고도 웹 편집기를 편리하게 사용하기 위해 기본 도구들을 설치하는 확장 설치를 진행해 보자. (1) 사이트에 접속해 비주얼 스튜디오 코드를 다운로드한다. https://code.visualstud.. 2020. 6. 3.

[HTML+CSS] [HTML 기본 다지기] 01 - HTML에 대하여 HTML에 대해 배우기에 앞서 HTML의 기본적인 개념에 대해서 간략히 알아보자. HTML은 'Hyper Text Markup Language'의 줄임말로 'Hyper Text'는 웹문서에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능이고 'Markup'은 태그(tag)를 이용해 어느 곳이 본문이고 제목인지 구별할 수 있는 표시를 의미한다. HTML의 확장자는 웹에 적합한 *.html(*.htm)을 붙여서 사용한다. 또한 웹문서는 일반 파일들과는 다른 차이점이 있는데 내용을 입력하고 확인하는 프로그램이 동일한 일반 파일들과는 달리 웹문서는 웹 문서를 작성하는 프로그램과 결과를 확인하는 프로그램이 다르다. 이때 웹문서를 제작하는 프로그램을 'web editor'라고 하고 웹 문서 결과를 보는 프로그램.. 2020. 6. 2.

이전 1 ··· 8 9 10 11 다음

티스토리툴바