Home Web Front-end HTML Tutorial HTML Beginner's Guide (2)

HTML Beginner's Guide (2)

Dec 23, 2016 pm 02:41 PM
html

A teaching tool
To see the original file of the information displayed in the current window of your browser, select the View Source (or equivalent) option in the browser menu. The content of the file and all HTML markup will be displayed in a in a new window.

This is a great way to learn to use HTML and master techniques and constructs. Of course, the HTML you see may not necessarily be technically correct. When you are familiar with HTML and have read a lot about it Reference material, you will be able to differentiate between "good" and "bad" HTML.

Remember that you can save the HTML-encoded source file and use it as a template for your web pages, or modify it for other purposes .

HTML tag
HTML
This element indicates that your file contains HTML-encoding information. The file extension .html also indicates that the file is an HTML document and must be used. (If your system is subject to 8.3 filename restrictions( For example., LeeHome.htm), you can use .htm as the extension.)

HEAD
The head element head is the first part of your HTML-encoded document that contains the title. The title is included as part of your browser window Displayed (see below).

TITLE
Title The title element contains the title of your document and serves as a global context to identify its content. The title is usually displayed somewhere in the browser window (usually at the top), rather than in the text Area. The title is also used for display in the hotlist or bookmark list, so the title should be descriptive, unique, and relatively concise. The title is also used in the WAIS service to search the server.

For example, you might include a short book title in a chapter: NCSA Mosaic Guide (Windows): Installation. This title describes the name of the software, the platform it is used on, and the content of the chapter. It is better than simply putting the document Called installation. Much better. Generally your title should be no longer than 64 characters.

BODY
The second and largest part of the HTML document is the body, which contains the content of your document (the part that is displayed in the text area of ​​your browser window) . The tags introduced below are used in the body of HTML documents.

Headings
HTML has six levels of heading fonts, numbered from 1 to 6, with size 1 being the smallest. The heading font is displayed larger or bolder than the normal text font. Each The first heading font in a document should be marked

.

The syntax of the heading font element is:
heading font text
where y is a number from 1 to 6, Specify the heading font level.

Don’t skip heading font levels throughout your document. For example, don’t start with a first-level heading (

) and then follow it with a third-level heading (

).

Paragraphs
Unlike documents in many digital processors, line breaks in HTML files are unimportant. You don't have to worry about the length of the lines in your text (preferably no more than 72 characters). In your source file any Where line breaks can be used, multiple whitespaces are overlapped into one whitespace in your browser.

In the example given in "Minimal HTML Document" the encoding of the first paragraph is

Welcome to the world of HTML.
This is the first paragraph.
While short it is
still a paragraph!



There are line breaks between lines in the source file. Web browsers ignore these line breaks and only encounter another< Start a new paragraph only after the ;p> tag



Important: You must specify a paragraph with the

element. The browser ignores any indentation or blank lines in the source file. If there is no

element, The document will be treated as one large paragraph. (One exception is text marked as "preformatted," described below.) For example, the following output will be exactly the same as the first HTML example:

< ;H1>Level-one heading

Welcome to the world of HTML. This is the
first paragraph. While short it is still a
paragraph!

And this is the second paragraph.



To maintain the readability of HTML files, the title font should be on its own line, add one or two blank lines before starting a new section, and separate paragraphs with blank lines (In addition to using the

tag). This extra whitespace will be useful when you edit the file (but your browser will ignore this whitespace because it has its own rules about whitespace, independent of those in your source file.

Note: The closing tag

can be omitted. This is because when the browser encounters a

tag, it thinks that the previous paragraph ends here.

Use

and

as paragraph markers allow you to center a paragraph by using the ALIGN=alignment attribute in the source file.


This is a centered paragraph. [See output below Form]



This is a centered paragraph.

The above is the content of HTML Beginner’s Guide (2). For more related content, 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

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles