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

This article mainly explains the mental process of sharing 0 basic rookie learning front-end development. Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next, let the editor take you to learn the mental process of sharing 0 basic rookie learning front-end development.

What is the knowledge of html in the first stage? Preface

We introduced what is html? W3c? And html5? And basic computer network knowledge?

What is 1:web?

The development history of WEB: Internet is called the Internet, and ArpA of the Advanced Research projects Agency of the United States Defense Agency built a military network called Arpanet, which was officially launched in 1969.

2: what does W3C do?

The establishment of W3C in October 1994 Tim berner3-lee founded word wide web conscortium in Chinese as the World wide Web Consortium referred to as W3C at MIT.

The W3C's most important work is to develop the web specification, which describes the communication protocols of web, such as html and xhtml

Www is the abbreviation of word wide web and can also be written as w3. The World wide Web is a global information resource network that integrates text, sound, image, video and other multimedia information. The presentation form of the World wide Web is Internet.

3: understand the knowledge and protocols of the front end about the network?

The website Website, through which people can publish the consultation they want to make public or use the website to provide relevant web services.

URL: enter the address of the website in the browser to open the website you want to visit, then the address of the website is called url in Chinese, the uniform Resource Locator is commonly known as the URL.

Url format: protocol: / / Host address + directory path + parameter

Http: a hypertext transfer protocol that transfers text from a World wide Web server to a local browser.

Https is a more secure protocol based on http.

Ftp protocol: file transfer protocol can access files on the server through ftp

The file protocol is mainly used to access files on the local computer.

Second, the development history and basic label of html?

Html, also known as Hypertext markup language, is a markup language used to build web pages.

History of Html:

The working draft was issued by the Internet Engineering working Group in 1993.

The html2.0 version was released in 1995

The version of html3.2 released by W3C on December 18, 1997

The html4.01 version was released by W3C in 1999

In 2000, xhtml1 was released by W3C Version 0. She is a strict html code.

The extensible markup language after Xhtml is a more rigorous and purer html language.

Many semantic tags have been added to Html5. Different html tags represent the content of different web pages.

What is an element?

Html is a series of tags consisting of each tag wrapped by what is commonly referred to as an element.

Single tag: only one change can express the complete meaning such as:

Double tags: consists of the start tag and the end tag

Attributes: tags can have many attributes that are always defined in the opening tag and appear in name-value pairs where attribute values are wrapped in double quotation marks

Third, what is the basic structure of the commonly used tags in 2html?

1: title: here we will use the abbreviations H2 to H7 of head to indicate that the order of the results displayed by the tag is from large to small.

2: paragraph tag: what is a paragraph tag? The tag used to define a paragraph! Use

To represent

Note here: paragraph tags are used to define paragraphs. The browser automatically creates some white space before and after it.

The number of lines of text depends on the width of the browser window

So here comes the question? How do you display spaces? Html prepares a special space character & nbsp to indicate

3: block-level area div tag means division to represent a block in a web page, so it is generally called a block tag.

The 4:span tag is inline to mark a span element in the span, and this very important partner who doesn't know much about it can check the knowledge points.

5: there are some links we often use, such as how to click one link to jump to another interface? This can be done here, and that is the acronym for a tag anchor, which is used to define links to web pages.

Href points to the address of the link, as well as some of our commonly used empty connection void (0)

6: the img attribute of a picture is a way to define a picture. He has two attributes. One is src, which represents the address of the picture. The alt attribute represents the substitute text when the picture cannot be displayed.

For this further breakdown, there will be unordered and ordered lists, as well as custom lists:

1: unordered list? Using ul tags to define unordered lists li tags define list items without column marking means that there is no order before and after the content

2: ordered list? As the name implies, each item has a sequential meaning. The front end of an ordered list is usually a letter or a number.

3: custom list: use dl tags to define custom lists dt define headings use dd to define column items

4. Next comes the most important table label: why do you use table tags? what do table tags have?

When we browse the web, we always see the classification of goods in different units.

For example, when we buy things, we will classify what model of Huawei mobile phone do you want? What color is it? In this way, it is necessary to distinguish the categories, but also in the class of a mobile phone.

Table label representation:

Table element: the label definition consists of several rows and columns of cells

Use a row in a table element to represent a column

Tables can be defined with titles defined by tags.

Okay?

We can divide a web page into three parts: head body and foot represent a completed person / page

The rows of the table use tags to define the rows of the table

The Tr table is used internally to contain td tags.

For example:

Cell

Will thicken and blacken their own color changes.

We can also set align in the tr property to debug the location of the cell display, etc.

Form:

Use the form to simply set a submit button or a reset button to achieve a Mini Program when we enter web information? You can find out on your own!

Form elements: use the form tag to define the form. The form has two most important attributes, the action and method action attributes that define the address of the form submission and the eod attribute that defines how the form is submitted.

There are two ways to submit a form: one is get and the other is post

Other form control elements must be placed inside the form tag

Form action=www.huawei.com method='post Input type = "submit value=" submit Input type = "reset vale =" reset

Form elements: use the form tag to define the form. The form has two most important attributes, the action and method action attributes that define the address of the form submission and the eod attribute that defines how the form is submitted.

There are two ways to submit a form: one is get and the other is post

Other form control elements must be placed inside the form tag

Case study:

Form action=www.huawei.com method='post Input type = "submit value=" submit Input type = "reset vale =" reset the three attributes in the table? Select input textare? 1:input:

Table element: input is a single tag element, and its attribute type represents the form type of input. The input tag defines different form controls through different values of the tupe attribute.

Single box: a form control that can enter a line of text

For example:

Multiple Select Button: multiple selection boxes can be selected

For example:

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.