HTML language analysis: typesetting markup-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

HTML language analysis: typesetting markup

黄舟

Dec 15, 2016 pm 01:12 PM

;

;
;

; ;

; ; ; ■: ▲Top
Like many computer languages, HTML files also provide annotation functions. The browser will ignore the text in this tag (it can be many lines) without displaying it. The general purpose of use:
Add descriptions to different parts of the text to facilitate future modifications.
This is especially important for more complex or non-private web pages. It not only reminds yourself, but also reminds your colleagues what this part does and what that part does.
Example:

is used as a copyright statement.
If you don’t want others to use or copy your webpage, you can add a warning word.
Example:

■ : ▲Top
is called a paragraph mark . Function: Leave a blank line between words, paintings, tables, etc.
Originally
is a closing tag, marked at the beginning and end of a paragraph, but starting from HTML 2.0, there is no need for
to end.
Common parameters: For example:

align="center"
Optional values: right, left, center.
Default value: align="left"
Example: Source codeHere is the text for my paragraph. It does't matter how long it is,
how many space are between the words or when I decide to hit the return key.
It will create a new paragraph only when I begin the tag with another one.
Here's the next paragraph.
Showing resultsHere is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one.
Here's the next paragraph.

■
： ▲Top
< BR> is called a newline mark. Function: Make words, pictures, tables, etc. appear on the next line.
Since the browser automatically ignores blank spaces and line breaks in the source code,
becomes one of the most commonly used tags. Because no matter how beautiful the article you have compiled in the source code, if you do not add line breaks or paragraph marks appropriately, the browser will only display it as one large paragraph.
Error example: (The post office will not accept an address that exceeds one line) Source code 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America
Result 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

Correct example: Original code 566 E Boston Post RD

Mamaroneck NY 10543-9982

United States of America
Result 566 E Boston Post RD
Mamaroneck NY 10543-9982
United States of America

■
: ▲Top
is called the horizontal line. Function: Insert a horizontal line.
Parameter modification:
Take:
as an example.
align="LEFT"
Set the line placement position, you can choose from three settings: left; right; center.
size="2"
Set the line thickness in pixels, the default is 2.
width="70%"
Set the line length, which can be an absolute value (in pixels) or a relative value. The default is 100%.
color="#0000FF" 『Only applicable to IE』
Set the line color, the default is black. #0000FF represents blue, and you can also use the name of the color, that is, text="blue" .
noshade
Set the line to be displayed as a plane. If deleted, it will have a shadow or a three-dimensional shape. This is the default value.
Example: Source code

Show results
----------------------------- -------------------------------------------------- ------------------
---------------------------------- ----------------------------------------
---- -------------------------------------------------- --------------------------
---------------------- -------------------------------------------------- -------

■ : ▲Top
is called the center mark. Function: Display words, pictures, tables, etc. in the middle.
This tag was originally defined by Netscape, and later other browsers supported it. However, you will find that many tags already have the parameter align="CENTER". seems redundant. In fact, it is still one of the commonly used tags. , it is simple and easy to use, and is often used in text. For tags with align="CENTER" parameters, you must also take the trouble to add a center tag, because many browsers do not support the
tag. align="CENTER" parameter.
Example: Source codeChris's First Homepage
What's new
My profile
Result Chris's First Homepage
What's new
My profile

■ : ▲Top
is called the default format tag. Function: Display the files according to the arrangement of the source code.
This tag allows you to preserve the whitespace and returns you entered in the source code. Take a closer look at the following examples to appreciate the power of this markup. You can only achieve this effect by using this tag instead of using a bunch of table tags.
It is best if you can use the tag to produce an effect, or produce more than one line of blank space!
The above is the content of HTML language analysis and layout markup. For more related articles, please pay attention to the PHP Chinese website (www.php.cn)!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress images for free

Clothoff.io

AI clothes remover

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)

4 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Best Graphic Settings

4 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle Solution

2 weeks ago
By DDD

R.E.P.O. How to Fix Audio if You Can't Hear Anyone

4 weeks ago
By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: How To Unlock Everything In MyRise

1 months ago
By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Where is the login entrance for gmail email?

7509

CakePHP Tutorial

1378

What is the format of the account name of steam

win11 activation key permanent

nyt connections hints and answers

Related knowledge

What is the purpose of the <progress> element?
Mar 21, 2025 pm 12:34 PM
The article discusses the HTML &lt;progress&gt; element, its purpose, styling, and differences from the &lt;meter&gt; element. The main focus is on using &lt;progress&gt; for task completion and &lt;meter&gt; for stati

What is the purpose of the <datalist> element?
Mar 21, 2025 pm 12:33 PM
The article discusses the HTML &lt;datalist&gt; element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What are the best practices for cross-browser compatibility in HTML5?
Mar 17, 2025 pm 12:20 PM
Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

What is the purpose of the <meter> element?
Mar 21, 2025 pm 12:35 PM
The article discusses the HTML &lt;meter&gt; element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates &lt;meter&gt; from &lt;progress&gt; and ex

How do I use HTML5 form validation attributes to validate user input?
Mar 17, 2025 pm 12:27 PM
The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the viewport meta tag? Why is it important for responsive design?
Mar 20, 2025 pm 05:56 PM
The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

What is the purpose of the <iframe> tag? What are the security considerations when using it?
Mar 20, 2025 pm 06:05 PM
The article discusses the &lt;iframe&gt; tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

Gitee Pages static website deployment failed: How to troubleshoot and resolve single file 404 errors?
Apr 04, 2025 pm 11:54 PM
GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

See all articles

Public welfare online PHP training，Help PHP learners grow quickly！

About us
Disclaimer
Sitemap