>  기사  >  웹 프론트엔드  >  웹 페이지 제작의 기본 지식(html) (2) 기본 조작

웹 페이지 제작의 기본 지식(html) (2) 기본 조작

零下一度
零下一度원래의
2017-05-05 13:56:221476검색

1.1HTML 제목

제목은 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc과 같은 태그를 통해 정의됩니다.

4a249f0d628e2318394fd9b75b4636b1 가장 큰 제목을 정의합니다. 4e9ee319e0fa4abc21ff286eeb145ecc 가장 작은 제목을 정의합니다.

<html>  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
<h4>This is heading 4</h4>  
<h5>This is heading 5</h5>  
<h6>This is heading 6</h6>  
<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>  
</body>  
</html>

1.2 HTML 가로줄

231a563c997aa9e3e0ae614bd16728b0 태그는 HTML 페이지에 가로줄을 만듭니다.

hr 요소를 사용하여 콘텐츠를 구분할 수 있습니다.

<html>  
<body>  
<p>hr 标签定义水平线:</p>  
<hr />  
<p>这是段落。</p>  
<hr />  
<p>这是段落。</p>  
<hr />  
<p>这是段落。</p>  
</body>  
</html>

1.3HTML 댓글

댓글은 HTML 코드에 삽입할 수 있으므로 가독성이 향상되고 코드를 더 쉽게 이해할 수 있습니다. 브라우저는 주석을 무시하고 표시하지 않습니다.

댓글은 다음과 같습니다.

<html>    
<body>    
<!--这是一段注释。注释不会在浏览器中显示。-->    
<p>这是一段普通的段落。</p>  
</body>  
</html>

댓글: 느낌표는 여는 괄호(왼쪽 괄호) 바로 뒤에 와야 하지만, 닫는 괄호(오른쪽 괄호) 앞에는 와야 합니다. ).

팁: 주석을 올바르게 사용하면 향후 코드 편집 작업에 도움이 될 수 있습니다.

2.1HTML 줄 바꿈

새 문단을 만들지 않고 줄 바꿈(새 줄)을 원할 경우 < ;br /> 태그

<html>
<body>
<p>To break<br />lines<br />in a<br />paragraph,<br />use the br tag.</p>
</body></html>

2.2HTML 출력 - 유용한 팁

표시되는 HTML의 정확한 효과를 확인할 수 없습니다. 화면 크기와 창 조정에 따라 결과가 달라질 수 있습니다.

HTML을 사용하면 HTML 코드에 추가 공백이나 줄 바꿈을 추가하여 출력을 변경할 수 없습니다.

페이지를 표시할 때 브라우저는 소스 코드에서 불필요한 공백과 빈 줄을 제거합니다. 연속된 공백이나 빈 줄은 모두 공백 1개로 계산됩니다. HTML 코드의 모든 연속 빈 줄(개행)도 단일 공백으로 표시됩니다.

rree

[관련 추천]

1. 무료 HTML 온라인 동영상 튜토리얼

html 개발 매뉴얼

3. php.cn 원본 html5 동영상 튜토리얼

위 내용은 웹 페이지 제작의 기본 지식(html) (2) 기본 조작의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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