Front-end/HTML & CSS
-
HTML 태그: 웹페이지를 만드는 핵심 요소Front-end/HTML & CSS 2023. 5. 9. 19:11
이번 글에서는 HTML의 태그와 주요 요소들을 살펴보겠다. HTML 태그는 웹페이지에서 사용되는 구성 요소로, 태그를 사용하여 각 요소의 역할을 정의한다. HTML 태그는 다양한 종류가 있으며, 모든 태그는 '' 기호로 감싸져 있다. 예를 들어, 태그는 웹페이지에서 제목을 정의하는 역할을 한다. HTML 태그는 크게 블록 태그와 인라인 태그로 나눌 수 있다. 블록 태그는 웹페이지에서 블록을 형성하는 요소들을 정의하며, 인라인 태그는 텍스트 내에서 사용되는 요소들을 정의한다. 1. 블록 태그 : 문서에서 논리적인 영역을 지정 ~: 제목을 표시 : 문장을 표시 , : 리스트를 표시 : 표를 표시 2. 인라인 태그 : 하이퍼링크를 지정 : 이미지를 표시 : 문장에서 작은 논리적인 영역을 지정 HTML 태그는 ..
-
HTML 문서 만들기: 작성 방법, 웹브라우저에서 실행하기Front-end/HTML & CSS 2023. 5. 9. 18:15
HTML 문서를 작성하는 방법은 매우 간단하다. 먼저 메모장을 열고, 위에서 소개한 기본 구조를 입력한다. 그리고 과 태그 사이에 실제 문서 내용을 작성하면 된다. 예를 들어, 다음과 같은 간단한 HTML 문서를 작성해보자. 안녕, HTML! 나의 첫 HTML 문서입니다. 이제부터 HTML을 배워보려고 합니다. 위 예제에서 은 제목을 나타내는 태그, 는 단락을 나타내는 태그이다. 이렇게 작성된 HTML 문서는 "파일명.html"로 저장 후 브라우저에서 열면 다음과 같은 화면을 볼 수 있다. 이처럼 HTML 문서는 간단한 구조와 문법으로 이루어져 있고 쉽게 실행할 수 있다. 이번 시간에는 HTML 문서를 만드는 방법과 웹브라우저에서 실행하는 방법을 살펴보았다. HTML은 웹 개발의 핵심 언어이므로, 웹 개..
-
HTML 기초: 웹페이지 만들기 시작하기Front-end/HTML & CSS 2023. 5. 9. 15:44
HTML은 Hyper Text Markup Language의 약자로, 웹페이지를 만드는 기초적인 언어이다. HTML을 배우면 브라우저에서 웹페이지를 어떻게 표시하는지 이해할 수 있다. 이 글에서는 HTML의 기초를 다루고, 웹페이지를 만들기 시작하는 데 필요한 것들을 다룰 것이다. HTML은 태그를 이용하여 문서를 구성한다. 태그는 로 묶여 있으며, 여는 태그와 닫는 태그가 쌍으로 이루어져 있다. ex) 해당하는 내용 HTML문서의 가장 상단에는 이라는 선언문이 있다. 문서 형식을 정의한다는 뜻으로 HTML5로 작성된 문서라는 것을 알려준다. HTML 문서의 기본 구조는 다음과 같다. 문서 내용 각 태그를 설명하자면, 태그는 문서의 전체를 감싸고 있다. 태그는 문서의 제목이나 스타일 시트와 같은 메타데이..