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

零下一度

풀어 주다： 2017-05-05 13:56:22

원래의

1455명이 탐색했습니다.

1.1HTML 제목

제목은

-

과 같은 태그를 통해 정의됩니다.

가장 큰 제목을 정의합니다.

가장 작은 제목을 정의합니다.

<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 가로줄

태그는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

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

-

과 같은 태그를 통해 정의됩니다.

가장 큰 제목을 정의합니다.