HTML (21) 썸네일형 리스트형 [2. 폰트 강조 태그(Strong)] 폰트 강조 태그(Strong Tag) Strong 태그는 문장을 진하게 표현할 때 사용합니다. ※ 태그 사용 방법 진하게 표시할 문장 폰트 강조 태그 표현 에디터에서 strong 태그를 사용해서 문장을 진하게 표현해봅니다. strong 태그를 사용한 문장이 진하게 표시된 것을 확인합니다. [1. HTML 태그] HTML 언어의 태그 HTML뿐만 아니라 일상생활에서도 태그라는 단어는 사용됩니다. 주로 옷에 정보를 나타내는 택(TAG)은 현재 입고 있는 옷이 어떤 재질로 만들어졌는지, 세탁은 어떤 방식으로 해야 하는지 구매자에게 정보를 알려주기 위해 옷에 붙여져 있습니다. HTML 태그 또한 의류에 태그와 별다를 게 없습니다. 태그로 소스코드의 범위를 지정해 문장에 효과를 주면서 해당 소스코드가 어떤 의미로 사용되는지 웹 사이트에 어떻게 표현되는지 알 수 있습니다. ※ 중요! 태그는 열린 태그와 닫힌 태그로 구성되어 있습니다. 열린 태그는 태그의 시작점이며, 닫힌 태그는 태그의 끝부분 입니다. │닫히는 태그는 태그 앞에 '/'를 사용합니다. : 열린태그 : 닫힌태그 [ATOM 실습환경 구성] ATOM 폴더 지정 앞으로 에디터를 사용하면서 문서 파일을 저장할 폴더를 지정해줍니다. 작성자는 WEB이라는 폴더를 지정하겠습니다. 아톰 에디터에 WEB이라는 디렉터리가 추가된 것을 확인. 웹 페이지를 만들기 위한 프로젝트 파일을 생성해줍니다. 파일의 이름은 HTML이라고 지정해줬습니다. 해당 파일은 WEB 디렉터리 안에 저장됩니다. 웹 사이트에 출력할 문장을 적어봅니다. 웹 브라우저에 접속해서 [CTRL+O] 커맨드를 입력한 후 HTML 파일을 선택해줍니다. 아톰 에디터를 통해 작성한 코드가 웹 페이지에 출력되는 것을 확인할 수 있습니다. HTML 파일이 위치한 경로 (D드라이브/WEB폴더/) 아톰 에디터에서 작성한 문장 [ATOM EDITOR] ATOM 이란? ATOM이란 Github에서 개발한 Editor Application 입니다. 장점은 무료이며 심플한 UI로 구성되어 있다. 기존에 없는 기능은 사용자가 추가적으로 패키지를 설치하여 사용할 수 있습니다. HTML, CSS, JavaScript 등의 웹 프로그래밍 언어로 구현이 되어있어, 해당 언어에 관련된 지식이 있으면 쉽게 수정할 수 있다. 이제, Atom에 대한 설치 방법을 진행하겠습니다. ATOM 설치방법 https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but appro.. [0. HTML 이란?] HTML (HyperText Markup Language) HTML이란 웹 문서를 만들기 위한 프로그래밍 언어 중 하나입니다. 웹 개발에 관련된 언어는 HTML, CSS, JAVA Script 등이 존재합니다. HyperText 문서에 링크할 수 있는 텍스트나 이미지로, 해당 링크를 클릭할 시 다른 사이트로 이동할 수 있는 기능. Markup 웹 문서에 포함된 문장이나 이미지에 대한 배치나 형식 등을 나타내기 위한 기능이다. Language 위의 기능을 사용하는 언어가 HTML 언어라는 것을 나타내기 위한 단어입니다. 예를 들면, 문장의 폰트 사이즈는 몇이고 어떤 폰트를 사용하는지, 이미지는 어디에 배치되고 크기는 얼마나 되는지 등에 대한 정보를 나타낸다. 익스플로러에서 HTML 확인 우리는 웹 사이트를.. 이전 1 2 3 다음
