HTML 학습 시작

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-09-06 08:43:421263검색

최근 시작한 블로그는 모든 것이 처음부터 시작되었습니다. 어제 Java 챕터를 썼고, 오늘은 HTML 챕터를 작성하겠습니다.

많은 초보자들이 프론트엔드 학습에 별로 관심을 두지 않고 심지어 프론트엔드를 경멸하기도 합니다. 사실, 진짜 프로그래머가 되려면 프론트엔드와 백엔드를 모두 이해하고, 자신이 원하는 방향으로 발전하는데 집중해야 합니다. 더 이상 고민하지 말고, 어떤 종류의 프로그래머가 되고 싶든 프론트엔드를 배워야 합니다.


프런트엔드 지식은 학교에서 안 가르쳐주는 것 같아요. 어쨌든 학교에서는 안 배우거든요. HTML을 배울 수 있는 여러 곳을 소개합니다. MOOC, w3school, codecadmy.

이번에는 HTML의 기본 구조에 대해 간략하게 소개하겠습니다.

HTML이란 무엇인가요?

HTML은 Hyper Text Markup Language를 의미합니다.

  • HTML은 하이퍼텍스트 마크업 언어(Hyper Text Markup Language)
  • 를 나타냅니다.
  • HTML은 프로그래밍 언어가 아니라 마크업 언어(마크업 언어)
  • 입니다.
  • 마크업 언어는 마크업 태그(마크업 태그)
  • 의 집합입니다.
  • HTML은 마크업 태그 를 사용하여 웹페이지를 설명합니다.

HTML 태그

HTML 태그를 HTML 태그라고도 합니다.

  • HTML 태그는 꺽쇠 괄호로 묶인 키워드입니다(예: 100db36a723c770d327fc0aef2ce13b1
  • ).
  • HTML 태그는 일반적으로 쌍으로 나타납니다(예: a4b561c25d9afb9ac8dc4d70affff419
  • ).
  • 태그 쌍의 첫 번째 태그는 시작 태그이고, 두 번째 태그는 끝 태그
  • 입니다.

열기 및 닫기 태그는 열기 태그 닫기 태그라고도 합니다.

이전 코드에서는 html의 기본 구조를 설명합니다.

<!DOCTYPE html>
<html>
    <head>
         <title>Hello</title>
    </head>
    <body>
        hello world
    </body>
</html>

HTML 파일에는 8b05045a5be5764f313ed5b9168a17e6이 있어야 합니다. 이 파일의 기능은 브라우저가 올바르게 구문 분석할 수 있도록 파일 형식을 알려주는 것입니다.

100db36a723c770d327fc0aef2ce13b173a6ac4ed44ffec12cee46588e518a5e가 있어야 하며, 그 안에 html 파일의 내용이 들어갑니다.

사람에게 머리와 몸이 있는 것처럼 html 파일에도 머리와 몸이 있습니다. 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1의 내용은 html 내용에 대한 설명이며 일반적으로 웹페이지에 표시되지 않습니다. 예를 들어, b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f은 브라우저 창 상단에 표시되는 파일의 제목입니다.

6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956의 내용이 html 파일의 주요 내용입니다. 텍스트, 그림, 링크 등을 삽입할 수 있습니다.

오늘은 여기까지입니다. HTML 파일은 태그로 구성되어 있으므로 앞으로는 다양한 html 태그의 사용법과 속성에 대해 소개하겠습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.