문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== HTML Introduction ======
<WRAP left notice 80%>
  * description : HTML Introduction
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-23
</WRAP>
<WRAP clear></WRAP>
\\
====Source of the article==== 
  * [[https://www.w3schools.com/html/html_intro.asp|HTML Introduction]]
\\
\\
====HTML이란?====
   * HTML은 Hyper Text Markup Language, 하이퍼 텍스트 마크업 언어이다. 
   * HTML은 웹 페이지를 만들기 위한 표준 마크업 언어이다.
   * HTML은 웹 페이지의 구조를 나타낸다.
   * HTML은 일련의 요소들로 구성된다.
   * HTML요소들은 브라우저에게 내용을 보여주는 방법을 알려준다.
   * HTML요소들은 제목, 문장, 링크와 같은 내용 부분들을 구별하여 나타낸다.
====A Simple HTML Document====
<code html>
<!DOCTYPE html>                  // <!DOCTYPE html> 선언은 문서가 HTML5 문서라는 것을 정의한다 
<html>                           // <html>요소는 HTML 페이지의 루트 요소 (root element)이다
<head>                           // <head>요소는 HTML 페이지에 관한 메타 (meta) 정보를 가진다.
  <title>Page Title</title>      // 브라우저의 타이틀 바 도는 페이지의 탭에서 보여지는 HTML 페이지의 제목을 명시한다.
</head>
<body>                           // <body>요소는 문서의 body를 정의하고, 제목, 문장, 이미지, 하이퍼링크, 테이블, 목록 등과 같은 모든 시각적 내용에 대한 container이다.
  <h1>My First Heading</h1>      // <h1>요소는 대제목을 정의한다.
  <p>My first paragraph.</P>     // <p>요소는 문장을 정의한다. 
</body>
</html>
</code>
====HTML Element====
HTML요소는 시작태그 (start tag), 내용 (some content), 종료태그 (end tag)로 정의된다.\\
===<태그 명>내용</태그 명>=== 
HTML요소는 시작태그에서부터 종료태그까지의 모든 것을 의미한다.\\
===<h1>My First Heading</h1>===
===<p>My first paragraph</p>===
^  Start tag  ^  Element content  ^  End tag  ^
|  <h1>      |  My First Heading   |  </h1>   |
|  <p>       |  My first paragraph  |  </p>   |
|  <br>      |  none                |  none   |
\\
☝일부 HTML요소들은 <br>요소처럼 내용이 없다. 이러한 요소들은 **비어있는 요소들 (empty elements)**라고 불리고, 종료태그가 없다.



 

{{tag>오션 HTML introduction}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구