Skip to main content

하이퍼텍스트 마크업 언어(HTML)

TL;DR

HTML(HyperText Markup Language)은 웹 페이지를 만드는데 사용되는 언어입니다. 일부 페이지는 HTML로 직접 작성할 수 있는 반면 다른 페이지는 HTML 출력을 생성하는 웹 페이지를 생성하기 위해 페이지 빌더 또는 기타 도구를 사용할 수 있으며, 이는 브라우저에서 읽을 수 있습니다.

HTML은 무엇을 의미합니까?

HTML은 HyperText Markup Language의 약자로 웹 페이지를 만드는 데 사용되는 언어입니다. 마크업을 사용하여 요소를 정의하고 스타일을 지정합니다. 예를 들어 글꼴, 색상, 위치, 링크 등을 정의할 수 있습니다. 대부분의 웹 사이트 빌더가 HTML로 직접 작성하지 않지만 웹 브라우저에서 읽고 해석하는 최종 출력은 HTML 형식입니다. 그렇기 때문에 웹 페이지를 마우스 오른쪽 버튼으로 클릭하고 "페이지 소스 보기"를 선택하면 결과 창의 첫 번째 텍스트 줄이 <!doctype html>이어야 합니다.

HTML 페이지의 구조는 무엇입니까?

구조는 다를 수 있지만 HTML에서 찾아야 하는 일부 요소는 다음과 같습니다(설명은 기울임꼴로 표시). 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 "페이지 소스 보기"를 선택하여 모든 웹페이지에서 이를 확인하십시오.

<!DOCTYPE html> - 웹 브라우저에서 읽을 수 있는 HTML 파일임을 보여줍니다.

<html lang="en"> - 웹페이지가 작성된 언어를 보여줍니다.

<head> - 일반 코드가 배치되는 헤드 섹션의 시작을 표시합니다.

<title>페이지 제목</title> - 브라우저 탭에 표시되는 페이지 제목을 표시하는 메타 태그입니다.

<meta name="description" content="..." /> - 검색 엔진의 경우 페이지 내용을 설명하는 데 사용됩니다.

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=0" /> - 웹 페이지가 어떻게 표시되어야 하는지 알려주는 명령입니다. 다양한 화면 크기

<meta name="robots" content="index,follow" /> - 페이지를 크롤링하는 봇에게 색인을 생성하고 검색 엔진 결과에 추가할 수 있음을 알려줍니다.

<link rel="stylesheet" type="text/css" href="/css/style/style.css"> - HTML을 CSS 파일에 연결합니다. 여기서 텍스트에 대한 보다 자세한 스타일 지정이 배치됩니다.

<script src="/js/random.js" type="text/javascript"></script> - 웹 페이지에서 작업을 실행하는 데 사용되는 JavaScript 파일에 연결합니다.

<link rel="canonical" href="https://yourpage.com"/> - 유사한 콘텐츠가 포함된 페이지가 있거나 페이지가 둘 이상의 URL에서 발견될 수 있는 경우 어떤 URL로 이동해야 하는지 크롤러에 표시됩니다. 권한 목적으로 계정

</head> - 헤드 섹션을 닫습니다.

<body> - 실제 페이지 콘텐츠가 배치되는 본문 섹션을 엽니다.

<div class="container"> - 일반적으로 콘텐츠 프레임을 생성하는 컨테이너라는 섹션을 엽니다.

<a href="https://yoursiteshomepage.com"><img class="navbar-brand-logo-normal" src="/images/logo.svg" alt="Visitor Analytics 로고" height="52" 너비 ="180"></a> - 홈페이지로 연결되는 로고 이미지를 배치하는 한 가지 방법입니다.

<div class="first-text">웹사이트에 실제로 표시되는 첫 번째 단어입니다.</div> - 연결된 CSS 파일에서 스타일을 지정할 수 있는 일부 텍스트

...

</바디>