Basic web and simple html tags, webhtml tags

Source: Internet
Author: User

Basic web and simple html tags, webhtml tags

I. Evolution of enterprise application computing


Client and server

Web-base (the most commonly used mode)

Different clients can install different things on their own. The first generation is better than the second generation, but the third (BS) has disadvantages. It does not support large products because it cannot support them, but it is the most popular and can be used as long as there is an Internet. You can create a server.


Ii. Web page components 1-w3c Standard

1. Standard structured language (html & XML)

Displays webpage content, text, images, and other content

2. Standard Language (CSS)

Webpage style, color, font size

3. Standard Language of behavior (DOM & ECMAScript)

Interactive behaviors of web pages (js) and carousel images.

1) webpage Structure

1. The document title, paragraph, and list are structured. Structure makes the content more logical and easy to use.

On a webpage, the structure definition uses the html language.

2) webpage content

The purpose of creating a webpage is to provide the information to users who browse the webpage.

3) webpage forms

The font size, font color, layout, background, and so on. Css styles are used in the webpage.

4) webpage Behavior

The webpage interacts with the user, responds to mouse or button events, verifies user input, and even dynamically adds or modifies the document content, representation, and structure when the webpage is running.


Iii. Components of web applications 2: web Servers

Computers that store web pages on the Internet are called web servers.

A Web server usually runs a wb server software dedicated to providing Web services.




Node. js

A Web server is essentially an executable software that provides web browsing services. After the Web server is started, the software is always running, listen to the port allocated to the milk tip by the operating system (the port allocated to the web server by the operating system is usually 80 or 8080)

(The most important front-end server is node. js. Js can develop front-end and back-end. Similar to Java, you can develop large projects.For website optimization, remember that the difference between the art name (Chinese) and the IP address is convenient to remember. Each data must be specified with a port (different ports have different roles) to determine the data exchange.)


4. web application components 3: web browsers

A Web browser is a program that connects to the web server, requests information from the web server, parses the returned html tag, and displays it in the browser window.

Such as various browsers.

Different web standards are supported, making cross-browser web programming difficult.

Summary: The WEB application consists of three parts:

Page, server, and browser.

5. web Application Components 4: http protocol

Web servers and web browsers communicate over http (Hypertext Transfer Protocol. It is a set of rules and processes that allow computers to exchange information through the web. With the http protocol, no matter where these computers are, what operating systems are used, what text server software is running, and what browser products are used, both of them can communicate with each other through http.

Http functions:

What is the role of HTTP?


HTTP: Hypertext Transfer Protocol
Hypertext Transfer Protocol (HTTP) is an application layer protocol. It is applicable to distributed and cooperative hypermedia information systems due to its simple and fast method. Since 1990, HTTP has been applied to the WWW global information service system.


HTTP allows the use of a free reply method to indicate the purpose of the request. It is based on the reference principle provided by the Uniform Resource Identifier (URI) and serves as an address (URL) or name (URN ), it indicates the method used to transmit messages in a format similar to the network mail and multi-purpose Internet Mail extended protocol (MIME.


HTTP can also be used as a common protocol to implement communication between a user proxy and a proxy server or gateway that connects to other Internet services (such as SMTP, NNTP, FTP, GOPHER, and WAIS, allows basic hypermedia to access resources provided by various applications and simplifies the implementation of the user agent system.


HTTP is a request/response protocol. After a client establishes a connection with the server, it sends a request to the server. The request format is Uniform Resource Identifier (URI) and Protocol version number, followed by MIME-like information, includes request modifiers, client information, and possible content. After receiving the request, the server returns the corresponding response information in the format of a status line containing the Protocol version number of the information, a successful or wrong code, followed by MIME-like information, includes server information, entity information, and possible content.


The first version of HTTP/0.9 is a simple protocol for transmitting raw data between networks. HTTP/1.0 defined by RFC1945 has been further improved based on the original HTTP/0.9, allowing messages to exist in MIME-like information formats, including transmitted data and modifiers in the request/response paradigm. However, HTTP/1.0 does not fully consider the performance of layered proxy servers, high-speed buffer storage, persistent connections, or virtual hosts. In contrast, HTTP/1.1 requires more stringent requirements to ensure service reliability. The security enhanced edition of HTTP (that is, S-HTTP) will be further described in the relevant files.



Vi. Web page Classification

Static webpage: Not easy to modify

Dynamic web page (2): client and server


VII. Html code syntax

The above three frameworks use a large layout, "header, topic, and footer".


The introduced path includes:

The local path, relative path, absolute path, and general webpage adopts relative path.


  • Ul is an unordered list and ol is an ordered list. They all need to work with li. They are combined tags and cannot disrupt other tags in the middle. Is fixed. All links are added with the <a> label in the li tag.
    • Ul and ol all have attributes, and the numbers are represented,

      Type = ", default value: disc, solid circle; circle: hollow circle; square: solid square




  • Add dt and dd in the dl label, which is a custom label. dt indicates the title and dd indicates the content of the list.


<Dt> </dt>

<Dd> </dd>


  • The following features are similar to ul:


<Dt> </dt>



  • <Nav> </nav> is a semantic tag added to H5.




An anchor point designed on the top

At the bottom of the page, a message is set to return to the top of the page.


Is a complete URL address, which must begin with http.

Alt: when the image cannot be normally displayed, the text set in the alt attribute is displayed.

Title serves as a prompt.



  • Article: indicates the body on the webpage.
  • Aside: indicates the sidebar.
  • Footer: footer information.
  • Header: Title and subtitle.




  • The Address tag indicates the author's information. Italics.

Generally, do not include company address information.

  • <Em> labels are skewed and play an important role.

Font format labels:

Common special characters in HTML:As long as you understand the HTML Tag, you will know the usefulness of special characters.

& Lt; < Minor sign or display mark
& Gt; > Greater than sign or display mark
& Amp; & Can be used to display other special characters
& Quot; " Quotation marks
& Reg; Registered
& Copy; Copyright
& Trade; Trademark
& Ensp; Half blank space
& Amp; emsp; A blank space
& Nbsp;   Blank rows
  • Video label: Video, with width and height and control. The meaning of control is to set whether to display the control panel, and the video will display the play button and other functions.
    • Attributes:
        • Src: Video attributes
        • Poster: Specifies the video album art. No picture is displayed during playback.
        • Preload: pre-load
        • Autoplay: automatic playback
        • Loop: loop playback
        • Controls: control bar provided by the browser
        • Width: Specifies the video width.
        • Height: Video height

Only the width of the video is affected. The height value changes with the element.




  • Table:


<Table> tags define HTML tables.

A simple HTML table consists of a table element and one or more tr, th, or td elements.

The tr element defines the table row, the th element defines the header, and the td element defines the table unit.

More complex HTML tables may also include caption, col, colgroup, thead, tfoot, and tbody elements.

  • <Hr>: horizontal line
  • <Pre> </pre> pre-formatted labels: the content and the written format are the same in the browser, but the font size is reduced.

The following elements determine the future layout and must be focused on:



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.