본문 바로가기

전체 글679

[HTML] HTML에서 링크 다루기 HTML에서 링크 다루기 HTML에서 링크는 태그를 사용하여 생성합니다. "a"는 "anchor"(닻)의 약자로, 웹 페이지에서 특정 위치로 이동하거나 다른 웹 페이지로 넘어갈 수 있는 하이퍼링크를 만드는 데 사용됩니다. 기본 링크 구조 기본적으로 태그는 href 속성을 사용하여 링크의 대상을 지정합니다. 이곳을 클릭하면 example.com으로 이동합니다. 내부 링크 같은 페이지 내의 특정 위치로 이동할 수 있는 내부 링크를 만들 때는 id 속성과 함께 사용합니다. 섹션 1 내용입니다. 섹션 1로 이동 이메일 링크 mailto:를 사용하여 이메일 프로그램을 열고 새 이메일을 작성할 수 있습니다. 이메일 보내기 파일 다운로드 링크 파일을 다운로드할 수 있는 링크를 생성할 때는 download 속성을 사용.. 2023. 11. 2.
[HTML] HTML에서 콘텐츠를 그룹으로 묶는 방법 HTML에서 콘텐츠를 그룹으로 묶는 방법 HTML에서는 여러 가지 태그와 속성을 사용하여 콘텐츠를 그룹으로 묶거나 구조를 만들 수 있습니다. 다음은 그중 몇 가지 예시입니다. 태그 태그는 "division"의 약자로, 본질적으로는 스타일이나 스크립트를 적용하기 위해 다른 HTML 요소들을 묶을 때 주로 사용됩니다. 첫 번째 단락 두 번째 단락 태그 태그는 인라인 요소를 그룹으로 묶을 때 사용됩니다. 주로 텍스트 내에서 스타일을 적용하거나 특정 부분을 구분하기 위해 사용됩니다. 이 문장에서 특정 부분만 스타일을 변경할 수 있습니다. 태그 태그는 문서의 독립적인 구역을 정의할 때 사용됩니다. 보통 제목 태그(, 등)와 함께 사용되어 각 섹션을 명확히 구분합니다. 첫 번째 섹션 내용입니다. 두 번째 섹션 다른.. 2023. 11. 1.
[HTML] HTML에서 목록과 표 다루기 HTML에서 목록과 표 다루기 목록 태그 목록은 웹 페이지에서 정보를 체계적으로 표현하는 데 사용되며, 주로 과 태그를 사용합니다. 순서 없는 목록 () 태그를 사용하여 순서가 필요하지 않은 목록을 만듭니다. 각 항목은 태그로 표현됩니다. 사과 바나나 체리 순서 있는 목록 () 태그를 사용하여 순서가 있는 목록을 만듭니다. 이 역시 태그를 사용하여 항목을 표시합니다. 첫 번째 단계 두 번째 단계 세 번째 단계 중첩 목록 또는 태그 안에 다른 또는 태그를 넣어 중첩 목록을 만들 수 있습니다. 과일 사과 바나나 야채 당근 시금치 표 태그 표는 데이터를 정렬된 형태로 표현할 때 사용되며, 태그로 시작합니다. 기본 표 구조 : 표의 전체 영역을 정의합니다. : 표의 행을 정의합니다. : 표의 헤더 셀을 정의합니.. 2023. 10. 31.
[HTML] HTML의 텍스트 관련 태그 HTML의 텍스트 관련 태그 HTML에서 텍스트를 다루는 다양한 태그가 있습니다. 이들 태그를 이용하면 웹 페이지에서 텍스트를 효과적으로 표현할 수 있습니다. 제목 태그 제목 태그는 부터 까지 있으며, 중요한 제목부터 그렇지 않은 제목까지 순서대로 표현합니다. 이것은 제목 1입니다. 이것은 제목 2입니다. 이것은 제목 3입니다. 이것은 제목 6입니다. 단락 태그 단락은 태그를 사용하여 표현합니다. 이 태그 안에 들어가는 텍스트는 새로운 단락으로 처리됩니다. 이것은 첫 번째 단락입니다. 이것은 두 번째 단락입니다. 강조 태그 : 텍스트를 굵게 표현하여 강조합니다. : 텍스트를 이탤릭체로 표현하여 강조합니다. 굵게 표현된 텍스트입니다. 이탤릭체로 표현된 텍스트입니다. 줄바꿈과 공백 : 줄을 바꿉니다. 이 태.. 2023. 10. 30.
[HTML] 기초 학습 가이드 HTML 기초 학습 가이드 HTML이란? HTML(HyperText Markup Language)은 웹 페이지를 구성하는 기본 언어입니다. 웹 브라우저가 이해할 수 있는 형태로 문서를 작성하게 해주며, 텍스트, 이미지, 링크, 표, 리스트 등 다양한 요소를 표현할 수 있습니다. HTML 문서의 구조 HTML 문서는 보통 아래와 같은 기본 구조를 가집니다. : 문서 타입을 HTML5로 지정합니다. : HTML 문서의 시작과 끝을 표시합니다. : 문서의 메타 정보나 스크립트, 스타일 등을 포함합니다. : 웹 브라우저의 탭에 표시되는 제목을 설정합니다. : 웹 페이지의 실제 내용을 포함합니다. 주요 HTML 태그 제목 태그: , , 등 제목을 표시합니다. 단락 태그: 단락을 만듭니다. 링크 태그: 링크를 생성.. 2023. 10. 29.
[전자책 만들기] 리눅스에서 전자책 편집기 'Sigil' 사용법 리눅스에서 전자책 편집기 'Sigil' 사용법 설치하기 먼저, Sigil을 설치해야 합니다. 리눅스 배포판에 따라 설치 방법이 다르지만, 대부분의 경우 패키지 관리자를 사용하여 설치할 수 있습니다. Ubuntu/Debian sudo apt update sudo apt install sigil Fedora sudo dnf install sigil 기본 인터페이스 Sigil을 처음 실행하면 몇 가지 주요 구성 요소를 볼 수 있습니다: 메뉴 바: 파일, 편집, 뷰 등의 기본 메뉴가 있습니다. 도구 모음: 주요 기능에 빠르게 액세스 할 수 있는 아이콘이 있습니다. 책 목차 패널: 전자책의 목차와 구조를 보여줍니다. 편집 창: HTML 또는 텍스트를 편집할 수 있는 공간입니다. 새 전자책 만들기 메뉴에서 파일 >.. 2023. 10. 28.

티스토리툴바