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).