본문 바로가기

분류 전체보기

 (105)
[HTML] 텍스트 스타일 관련 태그 사용하는 법 css를 사용하지 않고 html만으로도 텍스트의 스타일을 지정할 수 있습니다. 굵게(진하게), 기울임, 텍스트 색, 텍스트 크기 변경하는 법에 대해 알아보겠습니다. 1. '굵게(진하게)' 효과 적용하기 : 태그, 태그 텍스트에 굵게(진하게) 효과를 적용하기 위해서는 태그 또는 태그를 사용하시면 됩니다. 일반 텍스트 굵은 효과 적용 텍스트 1 굵은 효과 적용 텍스트 2 2. 기울임 효과 적용하기 : 태그, 태그 텍스트에 기울임 효과를 적용하기 위해서는 태그 또는 태그를 사용하시면 됩니다. 일반 텍스트 기울임 효과 적용 텍스트 1 기울임 효과 적용 텍스트 2 3. 텍스트 색 변경 : 태그 텍스트 색상은 태그를 사용해 지정하실 수 있습니다. 큰따옴표("")사이에 텍스트에 지정하고자 하는 색의 색상코드를 입력하..
[HTML] 인용문 삽입하는 법 코드를 작성하다보면 인용문을 삽입해야하는 경우가 발생합니다. HTML에서 인용문을 삽입하는 방법은 2가지로 태그를 사용하는 방식과 태그를 사용하는 방식이 있습니다. 전자는 block-level 태그로 인용문이 자동으로 줄바꿈과 들여쓰기되어 출력됩니다. 반면, 후자는 inline-level 태그로 줄바꿈과 들여쓰기가 되지 않은 채로 출력됩니다. 대신, 인용문의 구분을 위해 인용문의 처음과 끝에 따옴표("")가 자동으로 출력됩니다. 인용문 삽입하는 법 1 : 태그 인용문을 삽입하기 위해서는 인용되는 부분을 태그로 감싸시면 됩니다. 해당 태그를 사용해 감싸진 텍스트는 들여쓰기가 되어있어 태그 밖의 다른 텍스트와 비교했을 때 구분됩니다. 태그는 block-level 태그이기 때문에 인용문이 자동으로 줄바꿈되어 ..
[HTML] 공백문자, 주석 삽입하는 법 코드를 작성하다보면 공백문자와 주석을 삽입해야하는 경우가 발생합니다. html에서는 &nbsp를 사용해 공백문자를 삽입할 수 있고 를 사용해 주석처리를 할 수 있습니다. 공백문자 삽입하는 법 공백문자를 넣어야하는 경우 &nbsp를 사용하시면 됩니다. &nbsp는 줄바꿈 없는 공백을 의미하며 주로 단어의 잘림과 자동 줄바꿈 방지 등을 목적으로 사용합니다. 텍스트&nbsp&nbsp&nbsp태그 실습 예제를 진행하겠습니다. 다음과 같은 텍스트를 입력해주세요. "Hello World!" 주석 처리하는 법 주석을 삽입하기 위해서는 주석 처리하고자 하는 부분을 로 감싸시면 됩니다. 텍스트&nbsp&nbsp&nbsp태그 실습 예제를 진행하겠습니다. 다음과 같은 텍스트를 입력해주세요. "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는 윈..

티스토리툴바