반응형

IT기초 95

[HTML] 태그 가장 많이 사용하는 종류 정리

HTML 태그 종류 HTML 태그는 웹 페이지를 구성하는데 사용됩니다. 아래 리스트 태그 종류를 하나씩 학습하여 웹 페이지를 구성해봅시다! HTML 텍스트 관련 태그 : : 단락을 나타냅니다. , , ..., : 제목을 나타냅니다. 이 가장 상위 수준의 제목이며 이 가장 낮은 수준입니다. : 하이퍼링크를 생성합니다. : 텍스트를 굵게 표시합니다. : 텍스트를 기울임꼴로 표시합니다. : 텍스트에 밑줄을 추가합니다. HTML 리스트 관련 태그: : 순서 없는 목록을 생성합니다. : 순서 있는 목록을 생성합니다. : 목록 항목을 나타냅니다. HTML 표 관련 태그: : 표를 생성합니다. : 표의 행을 나타냅니다. : 표의 헤더 셀을 나타냅니다. : 표의 데이터 셀을 나타냅니다. HTML 이미지 관련 태그: :..

IT기초/HTML5 2023.09.12

[HTML/CSS] img 이미지 태그 - 이미지 삽입 방법

HTML 이미지 태그: 웹 페이지에서 이미지 표시하기 웹 페이지에서 이미지를 표시하기 위해 HTML에서는 태그를 사용합니다. 이 태그는 웹 페이지에 그래픽 콘텐츠를 삽입하고, 사용자에게 시각적인 정보를 전달하는 데 주로 활용됩니다. 또한, 검색 엔진 최적화(SEO) 측면에서도 중요한 역할을 합니다. 이미지 태그의 기본 구조와 속성 태그: 이미지 삽입 태그는 HTML 문서에 이미지를 삽입하는 데 사용됩니다. src 속성은 이미지 파일의 경로나 URL을 지정하고, alt 속성은 대체 텍스트로서 해당 이미지가 로드되지 못할 경우 대신 보여집니다. width와 height 속성: 크기 조절 width와 height 속성을 사용하여 이미지의 가로 너비와 세로 높이를 지정할 수 있습니다. title 속성: 추가 정..

IT기초/HTML5 2023.09.11

[HTML/CSS] 글자 크기 조절 (font-size) - h1, size, style

HTML에서 글자 크기 조절 방법 HTML에서 텍스트의 크기를 조절하는 것은 웹 페이지 디자인의 중요한 요소입니다. 이를 통해 사용자의 주목을 끌거나, 정보의 계층 구조를 강조하고, 전반적인 가독성을 향상시킬 수 있습니다. HTML과 CSS를 사용하여 글자 크기를 조절하는 다양한 방법이 있습니다. HTML 태그를 이용한 글자 크기 조절 Heading 태그 (H1 ~ H6) Heading 태그는 기본적으로 서로 다른 폰트 크기를 가집니다. H1은 가장 큰 제목을 나타내며, H6까지 갈수록 글자크기가 작아집니다. 가장 큰 제목 두 번째로 큰 제목 ... 가장 작은 제목 Font 태그 (사용하지 않는 것이 좋음) 옛날 HTML에서는 속성을 사용하여 직접적으로 폰트 사이즈를 지정할 수 있었습니다. 하지만 현재는..

IT기초/HTML5 2023.09.11

[HTML/CSS] h1, h2, h3, h4, h5, h6 제목(Heading) 태그

HTML 제목(Heading) 태그란? HTML 제목 태그는 웹 페이지의 구조와 콘텐츠의 계층 구조를 정의하는 데 중요한 역할을 합니다. 이들은 h1부터 h6까지의 6단계로 구성되며, 각각이 서로 다른 중요도와 크기를 가집니다. 웹 개발자들은 이러한 제목 태그를 사용하여 텍스트 콘텐츠를 잘 조직하고, 사용자와 검색 엔진이 정보를 쉽게 찾을 수 있도록 돕습니다. 제목 태그의 종류와 사용법 H1 태그: 주제목 H1 태그는 웹 페이지의 가장 중요한 제목을 나타냅니다. 일반적으로 한 페이지에 하나만 있어야 합니다. 여기가 당신의 H1 제목입니다 H2 태그: 부제목 H2는 H1보다 중요도가 약간 떨어지며, 섹션 또는 하위 섹션의 제목으로 사용됩니다. 여기가 당신의 H2 부제목입니다 H3 ~ H6 태그: 추가적인 ..

IT기초/HTML5 2023.09.11

[C언어] 이중포인터 사용법 - 예제 코드 포함

C 언어로 이중 포인터 활용하기 - 초급 예제 이 예제에서는 C 언어에서 이중 포인터를 정의하고 활용하는 방법을 알아보겠습니다. 이중 포인터는 포인터의 포인터로, 메모리 주소를 참조하는 데 더 복잡한 구조를 사용할 때 유용합니다. 예제 1: 이중 포인터로 배열 요소 출력 이중 포인터를 사용하여 배열 요소를 출력하는 C 프로그램의 예제 코드입니다: #include void printArray(int **arr, int rows, int cols) { for (int i = 0; i < rows; i++) { for (int j = 0; j < cols; j++) { printf("%d ", arr[i][j]); } printf("\n"); } } int main() { int row = 3, col = 3..

IT기초/C 언어 2023.09.06

[C언어] 재귀함수 사용법 - 예제 코드 포함

C 언어로 재귀 함수 활용하기 이 예제에서는 C 언어에서 재귀 함수를 정의하고 활용하는 방법을 알아보겠습니다. 재귀 함수는 함수 내에서 자기 자신을 호출하는 것으로, 문제를 작은 부분으로 나누어 해결할 수 있을 때 유용합니다. 예제 1: 팩토리얼 계산 재귀 함수를 사용하여 팩토리얼을 계산하는 C 프로그램의 예제 코드입니다: #include int factorial(int n) { if (n

IT기초/C 언어 2023.09.06

[c언어] 포인터와 배열 조합 사용법 - 예제 코드 포함

C 언어로 포인터와 배열 조합 활용하기 이 예제에서는 C 언어에서 포인터와 배열을 조합하여 다양한 작업을 수행하는 방법을 알아보겠습니다. 포인터를 사용하여 배열의 요소에 접근하고 수정하는 등 다양한 작업을 수행할 수 있습니다. 예제 1: 배열 요소의 합 계산 포인터를 사용하여 배열 요소의 합을 계산하는 C 프로그램의 예제 코드입니다: #include int main() { int numbers[] = {1, 2, 3, 4, 5}; int sum = 0; int *pointer = numbers; for (int i = 0; i < 5; i++) { sum += *pointer; pointer++; } printf("배열 요소의 합: %d\n", sum); return 0; } 예제 2: 최댓값 찾기 포인..

IT기초/C 언어 2023.09.06

[C언어] 파일 입출력 사용법 - 예제 코드 포함

C 언어로 파일 입출력 다루기 이 예제에서는 C 언어를 사용하여 파일을 생성하고 읽고 쓰는 방법을 알아보겠습니다. 파일 입출력은 데이터를 영구적으로 저장하고 관리하는 데 사용됩니다. 예제 1: 파일 생성 및 쓰기 텍스트 파일을 생성하고 내용을 쓰는 C 프로그램의 예제 코드입니다: #include int main() { FILE *filePointer; // 파일 생성 또는 열기 (쓰기 모드) filePointer = fopen("example.txt", "w"); if (filePointer == NULL) { printf("파일을 열 수 없습니다.\n"); return 1; } // 파일에 내용 쓰기 fprintf(filePointer, "안녕하세요, 파일 입출력 예제입니다."); // 파일 닫기 fc..

IT기초/C 언어 2023.09.06

[c언어] 포인터 사용 방법 - 예제 코드 포함

C 언어로 포인터 활용하기 - 초급 예제 이 예제에서는 C 언어에서 포인터를 활용하여 변수를 다루는 방법을 알아보겠습니다. 포인터는 메모리 주소를 저장하고 해당 주소에 저장된 값을 조작하는 데 사용됩니다. 예제 1: 포인터 선언과 사용 포인터를 선언하고 변수를 가리키는 C 프로그램의 예제 코드입니다: #include int main() { int number = 42; int *pointer; pointer = &number; printf("변수의 값: %d\n", *pointer); return 0; } 이 코드는 포인터를 사용하여 변수의 값을 출력합니다. 예제 2: 포인터를 활용한 배열 접근 포인터를 사용하여 배열 요소에 접근하는 C 프로그램의 예제 코드입니다: #include int main() {..

IT기초/C 언어 2023.09.06

[c언어] 구조체 (struct) 사용 방법 - 예제 코드 포함

C 언어로 구조체 활용하기 - 초급 예제 이 예제에서는 C 언어에서 구조체를 정의하고 활용하는 방법을 알아보겠습니다. 구조체는 여러 데이터를 묶어서 관리하는 데 유용합니다. 예제 1: 구조체 정의와 사용 구조체를 정의하고 변수에 값을 할당하여 출력하는 C 프로그램의 예제 코드입니다: #include // 구조체 정의 struct Student { char name[50]; int age; double gpa; }; int main() { // 구조체 변수 생성 struct Student student1; // 값 할당 strcpy(student1.name, "John"); student1.age = 20; student1.gpa = 3.5; printf("학생 정보:\n"); printf("이름: %s\..

IT기초/C 언어 2023.09.06
반응형