HTML title summary recommendations

php中世界最好的语言

Release： 2018-01-22 10:44:56

Original

1488 people have browsed it

This time I will bring you a summary and recommendation of HTML titles. What are the precautions of HTML titles? Here are practical cases, let’s take a look.

HTML: Title

Heading is defined through tags such as

-

<h1> 定义最大的标题。<h6> 定义最小的标题。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Copy after login

Tip: The browser will automatically add blank lines before and after the title. h1 serves as the main heading (the most important), followed by h2 (the next most important), then h3, and so on. Tip: By default, HTML will automatically add an extra blank line before and after block-level elements, such as paragraphs and heading elements.

-

The align attribute is deprecated in HTML4/5. Please use CSS instead. The title supports event attributes and global attributes
Set title alignment:
CSS syntax:

text-align:right ">

Method 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>

Copy after login

Method 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>

Copy after login

HTML: Horizontal line

tag is created in the HTML page horizontal line. The

hr element can be used to separate content.

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />

Copy after login

This is a paragraph

Tip: Using horizontal lines (

tags) to separate sections in an article is one way (but not the only way). HTML5 does not support the

align attribute. Please use CSS instead.

In HTML 4.01, the align attribute of

has been deprecated.

align attribute specifies the alignment of horizontal lines.

Note: Unless the width attribute is set to less than 100%, the align attribute will have no effect.

CSS syntax (IE and Opera):

CSS syntax (Firefox, Chrome, and Safari):

margin-right:0">

CSS syntax (cross-browser):

Attribute Value Descriptioncss syntax format

align left
center
right HTML5 is not supported. HTML 4.01 is deprecated. Specifies the alignment of the

element

noshade noshade is not supported by HTML5. HTML 4.01 is deprecated. Specifies that the color of the

element should be rendered as a solid color.

size pixels HTML5 is not supported. HTML 4.01 is deprecated. Specifies the height of the

element.

width pixels
% HTML5 is not supported. HTML 4.01 is deprecated. Specifies the width of the

element.

<!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>

Copy after login

HTML: Comments

You can insert comments into HTML code, which can improve its readability and make the code easier to understand. The browser ignores comments and does not display them.

The comment is written like this:

Comment: The last two forward slashes (/ /) is the JavaScript comment symbol. This ensures that JavaScript will not execute the --> tag.

In addition to their obvious role in source documents, many web servers also use comments to implement features unique to document server software. These servers can scan documents for specific character sequences within traditional HTML/XHTML comments and then take appropriate actions based on commands embedded in the comments. These actions may be as simple as including text from other files (so-called server-inside include), or they may be as complex as executing other commands to dynamically generate the content of the document.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!