본문 바로가기
반응형

프로그래밍245

[HTML 핵심강좌] 2. HTML 태그와 요소 HTML은 마크업 언어이며, 문서의 구조와 내용을 정의하기 위해 태그와 요소를 사용합니다. 이 강의에서는 HTML의 다양한 태그와 요소에 대해 배우고, 각각의 기능과 사용 방법을 익힐 것입니다. HTML 요소는 태그로 구성되며, 일반적으로 다음과 같은 형태를 갖습니다. 내용 여기서 은 요소의 이름이고, 내용은 요소의 내용을 나타냅니다. 몇몇 요소는 내용을 갖지 않는 빈 요소이며, 이러한 요소는 닫는 태그가 필요하지 않습니다. 태그는 대소문자를 구분하지 않습니다. 일반적으로 HTML 태그는 소문자로 작성하며, 대문자로 작성해도 동작은 동일합니다. HTML 요소는 브라우저에게 문서의 의미와 구조를 전달하는 데 사용됩니다. 예를 들어, 요소는 큰 제목을 나타내고, 요소는 단락을 나타냅니다. 예를 들어, 다음은.. 2023. 3. 3.
[HTML 핵심강좌] 1. HTML 기본 구조 HTML은 Hyper Text Markup Language의 약어로 웹 페이지를 작성하기 위한 마크업 언어입니다. HTML은 웹 페이지의 내용, 구조 및 레이아웃을 정의하는 데 사용됩니다. 이 강의에서는 HTML의 기본 구조에 대해 배우고, 실제 HTML 코드를 사용하여 웹 페이지를 만드는 방법을 배우게 될 것입니다. HTML 문서는 일반적으로 다음과 같은 기본 구조를 갖습니다. 문서 본문 : 이것은 문서의 DTD(Document Type Definition)를 정의합니다. 이것은 HTML5를 사용하는 경우 항상 사용됩니다. : 이것은 HTML 문서의 루트 요소입니다. 모든 다른 요소는 이 요소 내부에 포함됩니다. Hello, World! 위 코드는 웹 브라우저에서 다음과 같이 표시됩니다. HTML 삽입.. 2023. 3. 3.
[HTML 핵심강좌] 0. 개요 및 목차 HTML 핵심강좌는 웹 개발 입문자를 위한 HTML 기초 강좌입니다. 이 강좌를 통해 HTML의 기본적인 문법과 태그, 속성 등을 익힐 수 있습니다. 또한, HTML 문서를 작성하고 브라우저에서 출력하는 방법을 배울 수 있습니다. HTML 핵심강좌는 HTML5 버전을 기준으로 작성되었습니다. HTML 소개 HTML(Hyper Text Markup Language)은 웹 페이지를 만드는 데 사용되는 마크업 언어입니다. HTML은 웹 브라우저가 해석하여 웹 페이지를 생성하며, 웹 개발의 가장 기본이 되는 기술 중 하나입니다. HTML은 문서의 구조와 내용을 정의하는 데 사용됩니다. 이를 위해 다양한 태그와 속성을 제공하며, 이를 이용하여 문서를 작성합니다. 예를 들어, 태그는 문단을 나타내며, 태그는 이미지.. 2023. 3. 3.
네트워크 OSI 7 Layer, 5 Layer 기본 개념과 흐름도 네트워크 7 Layer는 OSI(Open Systems Interconnection) 모델로도 알려져 있으며, 컴퓨터 네트워크에서 통신이 일어나는 과정을 7개의 계층으로 분류하여 설명하는 모델입니다. 아래에서 각 계층에 대해 자세히 설명하겠습니다. 물리 계층 (Physical Layer) 데이터를 전기 신호, 빛 신호, 라디오 신호 등의 신호로 변환하여 전송하는 역할을 합니다. 전송되는 데이터는 0과 1의 이진수 형태로 변환됩니다. 케이블, 허브 등의 기술적 요소들이 이 계층에서 사용됩니다. 데이터 링크 계층 (Data Link Layer) 물리 계층에서 전송된 데이터를 논리적인 데이터 프레임 형태로 조립하여 상위 계층으로 전송하는 역할을 합니다. 물리 계층에서 전송된 데이터가 오류가 있는지 검사하고, .. 2023. 3. 2.
CSS flexbox 개념 정리 CSS의 flexbox는 웹 페이지의 레이아웃을 관리하는 데 매우 유용한 기능입니다. 이 글에서는 flexbox의 기본 개념과 기능에 대해 설명하겠습니다. Flexbox란? Flexbox는 CSS의 레이아웃 모듈 중 하나로, 요소의 크기와 위치를 조정하는 데 사용됩니다. Flexbox를 사용하면 요소를 수평 또는 수직으로 정렬하고 간격을 조절하는 등의 작업이 가능해집니다. Flexbox는 부모 요소인 flex container와 그 안에 들어가는 자식 요소인 flex item으로 구성됩니다. flex container는 display 속성을 이용하여 선언하며, flex item은 flex container 안에 있는 요소입니다. Flex Container의 속성 Flex container는 다음과 같은 .. 2023. 2. 27.
CSS position에 대한 개념 정리 CSS에서 position 속성은 요소의 위치 지정 방법을 정의합니다. position 속성의 값에 따라 요소의 위치가 결정됩니다. 이번에는 position 속성과 그 값을 사용하는 방법에 대해 알아보겠습니다. position 속성 position 속성에는 다음과 같은 값이 있습니다. static relative absolute fixed sticky static static 값은 position 속성의 기본값입니다. 이 값은 요소가 문서 흐름에 따라 배치되는 것을 의미합니다. top, bottom, left, right, z-index 속성이 동작하지 않습니다. position: static; relative relative 값은 요소를 문서 흐름에 따라 배치한 다음, 요소 자신의 위치를 상대적으로 이.. 2023. 2. 27.
반응형

티스토리툴바