Course 모듈 3 - Lecture: 첫 번째 HTML 태그

3.1 HTML 태그

당신이 이 글을 읽고 있다면 당신은 장래에 자바 개발자로 일하거나 풀스택 자바 개발자로 일할 것이라고 가정합니다. HTML 문서는 거의 작성하지 않지만 자주 읽어야 합니다 . 이것이 세상이 작동하는 방식이므로 HTML 문서가 어떻게 배열되어 있는지 파악해야 합니다.

HTML 문서의 시작은 무엇입니까? html각 HTML 문서에는 세 개의 중첩 태그( , head및 ) 로 구성된 구조가 있습니다 body. 다음은 표준 예입니다.

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

브라우저가 표시하는 모든 것은 쌍 태그 body(문서 본문) 안에 있습니다. 태그 내부에는 head브라우저에 대한 서비스/보조 정보가 포함된 태그가 있습니다.

DOCTYPE또한 파서가 오류를 해석하는 방법을 더 잘 이해할 수 있도록 문서의 시작 부분에 문서 유형을 작성하는 것이 일반적입니다(선택 사항) . 많은 브라우저가 깨진 문서를 올바르게 표시할 수 있습니다.

또는 반대로 XHTML = XML+HTML일반적인 것보다 더 엄격한 규칙이 있는 표준이 있습니다 HTML. 그러나 그러한 정보는 귀하가 자신의 브라우저를 작성하거나 적어도 자신의 브라우저를 작성하기로 결정할 때 유용할 것입니다 HTML-parser.

3.2 헤드 태그

태그 내부에는 일반적으로 , , , ... head태그가 있습니다.titlemetastyle

태그는 <title> 브라우저 탭에 표시되는 문서의 이름을 지정합니다.

태그는 <meta>각종 서비스 정보를 설정하는데 사용됩니다. 예를 들어, 브라우저가 HTML 문서의 인코딩을 이해하도록 도울 수 있습니다(기억한다면 여기에는 일반 텍스트가 포함됨).


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 본문, p, b 태그

태그에는 <body>브라우저에 표시될 모든 html 텍스트가 포함됩니다. 문서를 표시하는 가장 간단한 태그는 , <h1>, <p>,<b><br>

<h1>- 이것은 쌍 태그이며 페이지/기사의 제목을 설정할 수 있습니다. 기사가 길고 부제목이 필요한 경우 이 경우 태그를 사용할 수 있습니다 <h2>.<h3><h6>

예:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

기사가 크고 단락으로 나누어 읽기 쉽도록 하려면 이를 위해 ( <p>단락이라는 단어에서) 쌍 태그가 필요합니다. 텍스트를 태그로 감싸기만 하면 <p>브라우저 </p>에서 별도의 단락으로 표시합니다.

주목! 브라우저는 줄 바꿈 및/또는 텍스트의 추가 공백을 무시합니다. 줄 바꿈을 추가하려면 텍스트에 단일 태그 <br>( 줄 바꿈에서)를 삽입합니다.

음, 가장 중요한 부분은 텍스트를 굵게 강조 표시하는 것입니다. 텍스트를 굵게 표시하려면 태그로 묶습니다 <b> </b>(from b old).