본문 바로가기

분류 전체보기290

[HTML 핵심강좌] 5. HTML 이미지 요소 HTML 이미지 요소는 웹 페이지에 이미지를 삽입할 수 있도록 해주는 요소입니다. 이미지를 삽입하기 위해서는 태그를 사용하며, src 속성을 이용하여 이미지 파일 경로를 지정합니다. HTML 이미지 요소를 작성하기 위해서는 태그를 작성하고, src 속성을 이용하여 이미지 파일 경로를 지정해야 합니다. 다음은 태그와 src 속성을 이용한 이미지 삽입 예시입니다. 위 코드는 example.jpg 파일을 가져와서 화면에 출력하며, alt 속성을 이용하여 이미지가 로드되지 않았을 때 대신 표시할 대체 텍스트를 지정합니다. src 속성은 이미지 파일 경로를 지정하는 데 사용됩니다. 이 경로는 웹 페이지가 위치한 서버 내에 있을 수도 있고, 외부 서버에서 가져올 수도 있습니다. 상대 경로나 절대 경로를 이용하여 파.. 2023. 3. 3.
[HTML 핵심강좌] 4. HTML 링크 HTML 링크는 웹 페이지에서 다른 웹 페이지나 파일, 이메일 주소 등 다른 리소스로 연결할 수 있도록 해주는 요소입니다. 링크를 생성하기 위해 태그를 사용하며, href 속성을 이용하여 링크 대상을 지정합니다. HTML 링크를 작성하기 위해서는 먼저 태그를 작성하고, href 속성을 이용하여 링크 대상을 지정해야 합니다. 다음은 태그와 href 속성을 이용한 링크 작성 예시입니다. 이것은 예시 링크입니다. 위 코드는 "이것은 예시 링크입니다."라는 텍스트를 클릭하면 https://www.ccusean.com으로 이동하는 링크를 생성합니다. 링크를 작성할 때, href 속성에는 다음과 같은 대상을 지정할 수 있습니다. 다른 웹 페이지: https://나 http://로 시작하는 주소를 지정합니다. 같은 .. 2023. 3. 3.
[HTML 핵심강좌] 3. HTML 텍스트 요소 HTML 텍스트 요소는 웹 페이지에서 텍스트를 표시하는 데 사용됩니다. 이 강의에서는 HTML에서 사용되는 다양한 텍스트 요소에 대해 배우고, 각각의 기능과 사용 방법을 익힐 것입니다. HTML 텍스트 요소는 문서의 텍스트 내용을 표시하는 데 사용됩니다. 텍스트 요소는 다양한 수준의 제목, 단락, 목록 등을 나타내는 데 사용됩니다. 1. 제목 요소 제목 요소는 문서의 제목을 정의하는 데 사용됩니다. HTML은 6개의 제목 요소를 제공하며, 숫자가 작을수록 더 큰 제목을 나타냅니다. 제목 요소는 다음과 같습니다. 제목 1 제목 2 제목 3 제목 4 제목 5 제목 6 위 코드는 다음과 같이 표시됩니다. HTML 삽입 미리보기할 수 없는 소스 2. 단락 요소 단락 요소는 문서에서 단락을 나타내는 데 사용됩니다.. 2023. 3. 3.
[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.
반응형

티스토리툴바