HTML 해부학 | 짐

HTML은 웹의 영혼이므로 작동 방식을 알아야 합니다(HTML 작성에 집중할 것입니다).
HTML은 그의 가족에서 다른 버전을 가지고 있지만, 우리는 HTML5인 업데이트된 버전에서만 이야기합니다. 이제 HTML5에 대해 궁금해 합시다.
이것이 기본적인 HTML 페이지 구조입니다:

<!DOCTYPE html>
<html>
  <head>

  <title>Title of the Page</title>

  </head>


  <body>

    <h1>A Heading</h1>
    <p>A paragraph.</p>

  </body>
</html>


여기에서 첫 번째 HTML 코드로 이동합니다.
근데 잠깐 😗, 뭐야? '페이지 제목', '제목', '단락'을 얻었지만 <..>..에 있는 것은 무엇입니까?
바로 HTML 태그입니다. 내가 그것을 분해하자.
첫 번째,

<!DOCTYPE html>


"이봐, 난 HTML5 문서야. 그러니 나를 다른 가족들처럼 읽으려 하지 말고, 그냥 나처럼 읽어줘(HTML5)"라고 말해요.
따라서 브라우저는 영혼을 듣고 나머지를 읽습니다.
그 다음에,

<html></html>


이 태그는 HTML 페이지의 루트 요소입니다. 따라서 지금 보고 있는 것은 이 태그 사이에 있습니다.
다음으로 우리는,

<head></head>


귀하와 제가 자주 볼 수 없는 귀하의 웹사이트/페이지에 대한 유용한 정보를 브라우저에 알려줍니다. 그 사이에 검색 결과에 나타나는 제목, 설명, 키워드를 선언합니다. 또한 CSS 및 JavaScript 콘텐츠, 문자 집합 선언 등을 보유합니다. 우리는 나중에 논의 할 것입니다. 로 넘어가자

<title></title>


꼬리표. 오, 이런! 페이지 이름을 지정해야 하지 않습니까? 그리고 책갈피에 페이지를 저장하는 경우 브라우저에서 기억(저장)/참조해야 하는 이름은 무엇입니까? 이것이 웹이 웹 또는 HTML 페이지의 이름을 아는 방법입니다. 처럼



오, 우리가 보지 못하는 것이 많죠?
이제 시청자가 웹사이트에서 무엇을 보고 있는지 알아볼 시간입니다.

<body></body>


이 태그는 브라우저에 "브라우저, 들어보세요. 시청자가 볼 수 없는 많은 정보를 제공했습니다. 이제 내 사이에 선언된 것이 무엇이든 시청자에게 보여주세요."라고 말합니다.
일부 선언하자.

<h1>A Heading</h1>

<p>A paragraph.</p>


우리에게 주는 것은,


<h1></h1> 당신은 브라우저가 나에게 큰 제목을 제공합니다.
그리고 <p></p> 방금 간단한 텍스트를 선언했습니다.
Html은 추가 공백을 신경 쓰지 않습니다. 추가 공백은 브라우저에서 자동으로 제거됩니다.
방금 논의한 모든 것으로 웹 페이지는 다음과 같습니다.



더 자세히 알아보려면 다음을 방문하십시오: MDN Doc
LinkedIn에 가입
한 곳에서 모든 것을 보려면 이 웹 앱을 확인하고 설치하십시오: Web App

좋은 웹페이지 즐겨찾기