> 웹 프론트엔드 > HTML 튜토리얼 > HTML 기본 요약 권장 사항(제목)

HTML 기본 요약 권장 사항(제목)

黄舟
풀어 주다: 2016-12-21 16:14:45
원래의
1164명이 탐색했습니다.

HTML: 제목

제목은

-

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

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

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

이것은 제목입니다


이것은 제목입니다


이것은 제목입니다

팁: 브라우저는 제목 앞뒤에 빈 줄을 자동으로 추가합니다. h1은 기본 제목(가장 중요) 역할을 하고, 그 다음에는 h2(다음으로 가장 중요한), h3 등이 옵니다. 팁: 기본적으로 HTML은 단락 및 제목 요소와 같은 블록 수준 요소 앞뒤에 추가 빈 줄을 자동으로 추가합니다.

-

align 속성은 HTML4/5에서 더 이상 사용되지 않습니다. 대신 CSS를 사용해 주세요. 제목은 이벤트 속성과 전역 속성을 지원합니다.

제목 정렬 설정:

CSS 구문:

방법 1:

<!DOCTYPE html>  
<html>  
<body>  
<h1 style="text-align:center">This is heading 1</h1>  
<h2 style="text-align:left">This is heading 2</h2>  
<h3 style="text-align:right">This is heading 3</h3>  
<h4 style="text-align:justify">This is heading 4</h4>  
</body>  
</html>
로그인 후 복사

방법 2:

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h1 {text-align:center}   
h2 {text-align:left}   
h3 {text-align:right}   
</style>  
</head>  
  
<body>  
<h1>This is heading 1</h1>  
<h2>This is heading 2</h2>  
<h3>This is heading 3</h3>  
</body>  
</html>
로그인 후 복사
属性值描述
left左对齐标题(默认值)
right右对齐标题
center居中对齐标题。
justify标题有合理的边距。

HTML: 가로선


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

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

이것은 문단입니다




이것은 문단입니다



;

문단입니다

팁: 수평선(
태그)을 사용하여 기사의 섹션을 구분하는 것은 한 가지 방법입니다(유일한 방법은 아닙니다). HTML5는
정렬 속성을 지원하지 않습니다. 대신 CSS를 사용해 주세요.

HTML 4.01에서는


의 정렬 속성이 더 이상 사용되지 않습니다.

align 속성은 수평선의 정렬을 지정합니다.

참고: 너비 속성이 100% 미만으로 설정되지 않으면 정렬 속성은 효과가 없습니다.

CSS 구문(IE 및 Opera):


CSS 구문(Firefox, Chrome 및 Safari):


CSS 구문(크로스 브라우저):


< table width="-460">noshade 속성 < td width="209" valign="top" style="word-break: break-all;">값CSS 구문 형식 설명 정렬왼쪽

noshade属性描述 css语法格式
alignleft
center
right
HTML5 不支持。HTML 4.01 已废弃。 规定
元素的对齐方式
noshadenoshadeHTML5 不支持。HTML 4.01 已废弃。 规定
元素的颜色呈现为纯色。
sizepixelsHTML5 不支持。HTML 4.01 已废弃。 规定
元素的高度。
widpixels
%
HTML5 不支持。HTML 4.01 已废弃。 规定
元素的宽度。
가운데<🎜>오른쪽 HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다.
요소의 정렬을 지정합니다noshade noshadeHTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다.
요소의 색상이 단색으로 렌더링되도록 지정합니다. 크기픽셀HTML5는 지원되지 않습니다. . HTML 4.01은 더 이상 사용되지 않습니다.
요소의 높이를 지정합니다. wid픽셀<🎜>% HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다.
요소의 너비를 지정합니다.

<!DOCTYPE html>  
<html>  
<body>  
<p>This is some text. This is some text. This is some text.</p>  
<hr style="width:50%;text-align:left;margin-left:0">  
<p>This is some text. This is some text. This is some text.</p>  
</body>  
</html>
로그인 후 복사

HTML: 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释是这样写的:

注释:命令行最后的两个正斜杠(//)是 JavaScript 注释符号。这确保了 JavaScript 不会执行 --> 标签。

除了在源文档中有非常明显的作用外,许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档,从传统的 HTML/XHTML 注释中找到特定的字符序列,然后再根据嵌在注释中的命令采取相应的动作。这些动作可能是简单的包括其他文件中的文本(即所谓的服务器端包含,server-inside include),也可能是复杂地执行其他命令去动态生成文档的内容。

 以上就是HTML基础总结推荐(标题)的内容,更多相关内容请关注PHP中文网(www.php.cn)! 


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿