Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "what are the HTML knowledge points in java". The editor shows you the operation process through actual cases, the operation method is simple and fast, and it is practical. I hope that this article "what are the HTML knowledge points in java" can help you solve the problem.

1 concept

1.1 what is HTML

Full name: HyperText Markup Language

Hypertext markup language, an application under the standard general markup language.

"Hypertext" means that the page can contain pictures, links, and even music, programs and other non-text elements.

The structure of hypertext markup language includes the "head" part (English: Head) and the "body" part (English: Body), in which the "head" part provides information about the web page and the "body" part provides the specific content of the web page.

In popular terms, it is used to write web pages.

Why can I surf the Internet?

The browser downloads the content from the server locally, then renders it as a web page, so you can see the web page.

2 basic architecture of HTML

2.1Quick start to write the first HTML page

[1] create a TXT file

[2] modify the suffix of txt file to htm or html

Is there a difference between HTM and HTML?

There is no difference. Earlier (I don't know how early) operating systems only knew 3-digit suffix names. So in order to be compatible with earlier operating systems, there is a suffix like htm. There is no difference between the two in practical application.

[3] Open the file

Double-click ① to open it, and you will open "Browse" with the default browser. Browsing is to see the effect of a web page.

② opens as an editor.

Right-"

We can choose any development tool, we choose notepad (to install X).

[4] Editing and testing

Browser selections for the test:

Of course, there are more browsers.

We chose to use Google browser.

Start editing the HTML file

Write a sentence "my HTML" in it.

Refresh the web page:

In fact, HTML has a special structure.

Tips:html is case-insensitive. But try to make it lowercase.

Tags: refer to the tag understanding of XML

Structure:

Structure display:

3. Deep understanding of HTML tags

Tips:HTML is a plain text file. All program files are plain text files.

Decorate the text with text.

The key word "meaning".

The label actually expresses a kind of meaning.

For example:

Add CSS to modify the style:

The HTML tag is just a semantic expression. It's not a rule about how the content in the tag should be displayed. The appearance of the display is basically controlled by CSS.

4 commonly used labels

4.1 structure label

[1] the document states:

HTML5

HTML 4.01 Transitional

The DTD contains all HTML elements and attributes, including illustrative and deprecated elements (such as font). Framesets (Framesets) are not allowed.

[2] HTML tag

The HTML tag is the root node of the HTML document.

[3] HEAD tag

Represents the header of an HTML document and is generally used to configure or explain some documents.

For example, the title tag: the title tag is used to represent the title of the document.

Meta

Set the content type of the page

Introduction to configuring web pages

Keywords of a web page

References to CSS and JS:

[4] body

All the content to be displayed is written in the body tag.

4.2 [insert] selection of development tools

(almost extinct, not easy to use with bug)

HBuilder (easy to use, a good choice)

Subline (handy, artifact) our choice

Webstorm (easy to use)

Drag and drop our HTML file into the development tool.

4.3 commonly used labels

[1] title label

Means to add a title to the document. The title is divided into six levels, which are H2. H7 .

Case study:

Properties: default boldface. Automatically change paragraphs by default. Own a line.

[2] the P tag indicates a paragraph.

The default form of expression is to change paragraphs.

Default feature: automatic line wrapping, exclusive line.

[3] Special control label

Newline labels br autistic and tags

HTML does not recognize newline characters by default.

You must use a newline symbol to indicate a newline.

The difference between a line break and a paragraph break

Space label

Spaces are still not recognized in HTML.

No matter how many spaces you write, the browser knows only one space.

The solution is to use the

The representation of double quotes. "

Because double quotation marks have a special meaning in the web page, it can not be written directly in theory, and special symbols should be used instead.

Tips: without ambiguity, there is no problem with writing directly.

The representation of the corner sign >

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.