Programming (63) 썸네일형 리스트형 [HTML] 공백문자, 주석 삽입하는 법 코드를 작성하다보면 공백문자와 주석을 삽입해야하는 경우가 발생합니다. html에서는  를 사용해 공백문자를 삽입할 수 있고 를 사용해 주석처리를 할 수 있습니다. 공백문자 삽입하는 법 공백문자를 넣어야하는 경우  를 사용하시면 됩니다.  는 줄바꿈 없는 공백을 의미하며 주로 단어의 잘림과 자동 줄바꿈 방지 등을 목적으로 사용합니다. 텍스트   태그 실습 예제를 진행하겠습니다. 다음과 같은 텍스트를 입력해주세요. "Hello World!" 주석 처리하는 법 주석을 삽입하기 위해서는 주석 처리하고자 하는 부분을 로 감싸시면 됩니다. 텍스트   태그 실습 예제를 진행하겠습니다. 다음과 같은 텍스트를 입력해주세요. "Hello World!" [HTML] 텍스트 출력 및 줄바꿈 하는 법 웹 화면에 텍스트를 출력할 때는 태그를 사용할 수 있습니다. 여는 태그 와 닫는 태그 를 모두 사용해야하며 두 태그는 하나의 텍스트 블록을 형성합니다. 해당 태그는 이렇게 형성된 블록 내부의 텍스트를 모두 출력하며 이 텍스트들은 줄바꿈이 되어있지 않습니다. 텍스트의 줄바꿈은 이라는 태그를 통해 수행하실 수 있습니다. 텍스트 출력하는 법 : 태그 여는 태그 와 닫는 태그 사이에 출력하고자 하는 텍스트를 입력하시면 됩니다. 와 는 하나의 텍스트 블록을 형성하며 이 블록 내부에 있는 텍스트를 모두 출력합니다. 텍스트 태그 실습 예제를 진행하겠습니다. 다음과 같은 텍스트를 입력해주세요. "Hello World!" 텍스트 줄바꿈하는 법 : 태그 텍스트의 줄바꿈을 하기 위해서는 태그를 사용하셔야 합니다. 텍스트 태.. [HTML] 제목 텍스트 태그 사용하는 법 제목 텍스트를 작성할 때는 태그를 사용할 수 있습니다. 여기서 n은 숫자를 의미하며 n의 숫자가 작을 수록 큰 제목 텍스트가 출력됩니다. n에 들어갈 수 있는 숫자는 1부터 6까지 총 6가지입니다. 제목 텍스트 태그 사용 법 제목 텍스트 태그는 여는 태그와 닫는 태그를 모두 사용해야하며 두 태그 사이에 텍스트를 입력합니다. 다음과 같은 코드를 작성하시면 아래의 사진과 같이 제목 텍스트가 출력된 것을 확인하실 수 있습니다. h1 태그 숫자별 제목 텍스트 비교 h1 태그 h2 태그 h3 태그 h4 태그 h5 태그 h6 태그 [HTML] 골격 태그 사용하는 법 HTML 문서를 만들기 위해서는 기본적인 골격 태그들을 알고 있어야합니다. HTML 파일의 기본 골격 구조는 아래와 같습니다. 1. 해당 파일이 html 파일임을 알려줍니다. html 파일의 가장 위에 작성하며 html의 버전을 알려줍니다. 2. 아래 작성합니다. 이 태그는 html 코드의 작성의 시작과 끝을 알려줍니다. lang은 language의 약자로 무슨 언어로 작성되었는지를 알려줍니다. lang="en" 형태로 작성하며 en은 english 즉, 영어로 작성되었음을 알려줍니다. 괄호 속 en 대신 ko를 입력하면 한국어로 작성되었다는 뜻입니다. 3. 태그 내부에 작성합니다. 이 태그에 작성되는 내용은 웹 브라우저의 화면에 출력되지 않습니다. 이 태그가 속한 html파일이 만드는 페이지의 정보와 .. Visual Studio Code 배경색 변경하는 법 Visual Studio Code는 기본 배경색이 어두운 색으로 지정되어 있습니다. 어두운 배경색이 익숙하지 않아 불편함을 느끼신다면 Visual Studio Code의 배경색을 바꾸어 주시면 됩니다. Visual Studio Code 배경색 변경하는 법 파일 -> 기본 설정 -> 색 테마를 클릭해주세요. 색 테마를 클릭하면 아래와 같이 색 테마를 선택할 수 있는 창이 새로 나타납니다. Visual Studio Code는 여러 개의 배경 테마를 지원하므로 원하시는 테마를 선택하시면 됩니다. 이때, 키보드의 방향키를 사용하시면 색 테마를 미리 보기할 수 있습니다. [HTML/CSS] 웹 개발환경 갖추기 HTML과 CSS로 웹 문서를 만들기 위해서는 웹 편집기를 사용해야합니다. 이 웹 편집기로는 메모장, 노트패드++, 드림위버 등 다양한 프로그램이 있습니다. 어떤 프로그램을 선택하셔도 상관이 없으시나 이 글은 비주얼 스튜디오 코드를 사용해 웹 개발환경 갖추는 법에 대한 내용을 담고 있습니다. 1. 비주얼 스튜디오 코드 설치 비주얼 스튜디오 코드는 아래 링크를 통해 다운로드 받으실 수 있습니다. https://code.visualstudio.com/ 자세한 설치 방법이 궁금하시면 아래 Visual Studio Code 다운로드 및 설치 방법 게시물을 참조해주세요 pururing-log.tistory.com/65 Visual Studio Code 다운로드 및 설치 방법 Visual Studio Code는 윈.. [HTML/CSS] HTML5 와 CSS3 HTML이란? HyperText Makeup Language의 약자로 웹사이트를 제작할 때 사용하는 기본 언어입니다. 이때, Makeup(마크업)이란 tag(태그)를 사용하여 문서의 내용을 작성합니다. 태그에는 여러 종류가 있으므로 개발자의 목적에 따라 알맞은 태그를 선택해 사용할 수 있습니다. HTML vs HTML5 HTML5는 HTML의 5번째 버전이라는 의미입니다. HTML이 처음 개발된 이후로 점점 발전해가면서 이전의 HTML을 업그레이드한 새로운 버전이 나오게 되었고 현재는 HTML5 버전을 사용하고 있습니다. 보통 HTML5를 HTML이라고 많이 부르기는 하지만 이전의 버전과 구별하기 위해 HTML5라고 부르는 경우도 종종 있습니다. HTML5 지원 확인 방법 자신이 사용하고 있는 웹 브라우.. Visual Studio Code 언어 한글로 설정하는 법 Visual Studio Code는 기본 언어 설정이 영어로 되어있기 때문에 영어에 익숙하지 않은 사용자라면 불편함을 느낄 수 있습니다. 이는 Visual Studio Code 편집기의 기본 언어 설정을 자신에게 익숙한 언어로 바꾸어주면 됩니다. Visual Studio Code 언어 한글로 설정하는 법 먼저, Visual Studio Code 편집기를 실행시킨 후 확장 아이콘을 클릭해주세요. 그리고 검색바에 korea를 검색하신 후 Korean Language Pack을 설치하시면 됩니다. 보통 첫번째로 검색됩니다. 설치를 마치셨다면 아래에 우측 하단에 새로 시작하라는 알림창이 나타납니다. Restart Now를 클릭해주세요. 기존에 영어로 되어 있던 메뉴가 한글로 바뀐 것을 확인하실 수 있습니다. +.. 이전 1 2 3 4 5 6 7 8 다음
