전체 글131 HTML 태그 - 1 HTML 태그 1 기본적인 태그들 ( 문서의 기본 구조를 나타내는 태그 ) 을 배워 볼 텐데요 앞에서 말씀드렸듯이 와 만 알면 80%는 알았다고 해도 과언이 아니라고 할 수 있습니다. 그러니 너무 겁먹지 마시고 따라와 보세요!!ㅎㅎ 먼저 문서의 기본 구조를 나타내는 태그들을 배워 보도록 하겠습니다. 위의 사진과 같이 문서의 기본 구조를 나타내는 태그들은 크게 이렇게 있습니다. 형 식 내 용 ... HTML 언어로 작성되어 있다는 것을 알려줍니다. Heading의 준말로 글의 머리말에 해당합니다. ... 타이틀바에 새겨질 글자를 정의합니다. ... 본문에 해당하는 부분을 알려줍니다. ... 본문 밑부분에 나타나게 하는 태그입니다. 주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다. 글의 형식에.. 2017. 1. 12. HTML 문법 HTML의 문법 이번엔 HTML의 문법에 대해서 알아보도록 하겠습니다. HTML의 문법은 정말 간단한데요....ㅎㅎ 와 만 알고있으면 문법 끝입니다!! 예를들어 이라는 태그를 사용하려면 안에 내용을 쓰고 마지막 부분에 끝태그인 만 써준다면....모든 것이 끝입니다^^ㅎㅎ 그럼이제 예를 들어 볼까요...?ㅎㅎ 제가 사용하는 에디터인 Atom 에서는 먼저 파일이름.html 이라는 파일을 만든후 html 이라고 단어를 치면 다음과 같이 나오게 됩니다. 그러고 나서 Caps Lock 위에 버튼은 Tab 버튼을 누르게 되면 다음과 같은 화면으로 바뀌면서 HTML문서를 작성할 준비가 다 된겁니다. 위에 소스를 자세히 보시면 의 끝에는 태그의 끝에는 라고 쓰여있음을 알 수 있습니다. 더 자세히 살펴보면 의 태그 안에.. 2017. 1. 11. HTML 소개 및 개발환경 HTML이란? HTML이란 [HyperText Markup Language] 의 약어입니다. 쉽게말해 웹 문서를 만들기 위해 사용하는 기본적인 프로그래밍 언어의 한 종류입니다. HTML은 확장자명을 (----).html로 저장하면 자신이 코딩한 소스를 웹브라우저에서 볼 수 있습니다. 저는 Atom(아톰)이라는 에디터를 사용하고 있는데요 지루한 코딩을 그나마 재미있게 코딩하는 법을 알려드릴께요!! 를 선택하면 게임하는 느낌으로 코딩을 할 수 있습니다 :) 그렇다면 설치하는 방법 알려드리겠습니다. 설치 윈도우의 경우 : ctrl + shift + P 를 누르고 install packages 라고 입력합니다. 맥의 경우 : command + shift + P 를 누르고 install packages 라고 입력.. 2017. 1. 11. 이전 1 ··· 30 31 32 33 다음
