Web-based and HTML simple tags

Source: Internet
Author: User
Tags modifiers

first, the evolution of enterprise application calculation

Host-based

Client,server

Web-base(one of the most current modes)

Different clients can press different things, a generation is better than the generation, but the third (BS) is flawed, does not support large products, because it cannot support, but it is the most popular, as long as the internet can be used. You can use it to build a server.

second, the Web page component 1-w3c standard

1. Structured Standard language (html&xml)

Render Web content, text, images, etc.

2. Performance Standard language (CSS)

Page style, color, font size

3. standard language of conduct (dom&ecmascript)

Web page interactive behavior (JS), Carousel diagram.

A), the structure of the Web page

1, document title, paragraph and list, such as structure. Structure makes content more logical and easy to use.

in a Web page, the definition of a structure uses the HTML language.

ii), the content of the website

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

iii), the form of web pages

Font size, font color, layout, background, etc.; so appearances are called representations. Write in a Web page with CSS styles.

IV), the behavior of the Web page

Web pages interact with users, respond to mouse or keystroke events, validate user input, and even dynamically add, change, document content, presentation, and structure while the page is running

Iii. components of the Web application 2:Web server

the computer on which the Internet stores Web pages is called a Web server.

A Web server typically runs a WB Server Software that is designed to provide Web services.

Apache

Tomcat

Iis

node. js

The Web server is essentially an executable software that can provide a web browsing service, and after theWeb Server is started, the software is running and listening for the ports assigned to it by the operating system (the operating system is Web server-assigned ports are typically the or 8080 )

(The primary server for the front end is node. js.) JS can develop front-end and back-end. As with Java , you can do large project development. do site optimization is to remember the name name (Chinese) and the Life (IP address) The difference is convenient to remember. Each data must specify a port (different ports have different functions) this is to determine the exchange of data. )

Iv. components of the Web application 3 : Web browser

a Web browser is a connection to a Web Server, requests information from a Web Server, and then parses the returned HTML markup. and display it in the browser window of the program.

such as various browsers.

Support for Web standards is different, resulting in difficulty in programming cross-browser pages.

summarize the above : 3 components of a WEB application:

page, server, browser.

v. components of the Web application 4:http Protocol

The Web server and Web Browser communicate through the http(Hypertext Transfer Protocol) protocol. It is a set of rules and procedures that enable computers to exchange information over the Web . With the http protocol, regardless of where these computers are, what operating system is being used, what text server software is running, and what browser products are used, they can all be http communicate with each other.

http features of the protocol:   

What is the role of the Http,http protocol?

Http:hypertext Transfer Protocol
Hypertext Transfer Protocol (HTTP) is an application-layer protocol, which is suitable for distributed and cooperative hypermedia information System because of its simple and fast way. Since 1990, HTTP has been applied to the WWW Global Information Service system.

HTTP allows the use of a free response method to indicate the purpose of the request, which is based on the reference principle provided by the Uniform Resource Recognizer (URI), as an address (URL) or name (URN), which is used to flag which method, It delivers messages in a format similar to webmail and Multipurpose Internet Mail Extension Protocol (MIME).

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

HTTP is a request-and-response protocol. After a client establishes a connection to the server, a request is sent to the server in the form of a Uniform Resource Identifier (URI), protocol version number, followed by MIME-like information, including request modifiers, client information, and possible content. After the server receives the request, it gives the appropriate response information in the form of a status line that includes the protocol version number of the information, a successful or incorrect code, followed by MIME-like information, including server information, entity information, and possible content.

The first version of HTTP http/0.9 is a simple protocol for raw data transfer between networks. http/1.0, defined by RFC1945, has been further improved on the basis of the original http/0.9, allowing messages to exist in the class MIME information format, including information on transmitted data and modifiers in the request/response paradigm. However, http/1.0 does not fully consider the performance of layered proxy servers, cache memory, persistent connection requirements, or virtual hosts. By contrast, http/1.1 requirements are more stringent to ensure service reliability. For security-enhanced HTTP (that is, s-http), it will be described in the relevant files.

vi. Classification of web pages

Static Web pages: not easy to modify

Dynamic Web pages (2 ): Client, server

vii. syntax for Html code
</body>

The above three frames are used for large layouts, "headers, themes, footers"

The paths introduced include:

Local paths, relative paths, absolute paths, and general Web pages use relative paths.

    • UL for the unordered list ,ol for the list, are to cooperate with Li, they are the combination of labels, the middle can not disrupt other tags. is fixed. Links are included in the Li tag <a> tags.
      • Ul,ol all have attributes, and the notation of the label has,

        Type= "", Default value:disc, solid circle;Circle: Hollow Circle;Square : Solid Block

    • DL label put dt,dd, is a custom label,dt means: title,DD : The contents of the list.

<dl>

<dt></dt>

<dd></dd>

</dl>

    • the following ul features are similar :

<dl>

<dt></dt>

</dl>

    • H5 's new tags <nav></nav> navigation tags are semantic tags.

Hyperlinks:

Inside the station:

One anchor point for the top design

The bottom sets a return to the top of this page.

Outside the station:

is a full URL address that must begin with http://.

Alt: Displays the text of the alt attribute setting when the picture is not displayed properly .

Title function is a hint.

    • Article : Represents the body of text in a Web page.
    • aside : Represents the sidebar.
    • Footer : Footer information.
    • Header : Title and subtitle, and so on.

    • the Address label represents information about the author. Italic, without emphasis.

Generally do not put the company's address information.

    • <em> label is inclined body, has the emphasis function.


Font formatting Tags:

HTML Common Special characters: as long as you know the HTML tags, you will know the use of special characters.

&lt; < Less than sign or display marker
&gt; > Greater than sign or display marker
&amp; & Can be used to display other special characters
&quot; Quotes
&reg; ? Already registered
&copy; ? Copyright
&trade; ? Trademark
&ensp; ? Half Blank bit
&emsp; ? A blank bit
&nbsp; Constant line of whitespace
    • Video Tags: videos, with wide height,control. The meaning of control is to set whether to display the controls panel, the video will show the buttons and other functions.
      • Properties are:
        •   
          • SRC: Properties of the video
          • Poster: Video cover, no picture displayed when playing
          • Preload: Pre-load
          • AutoPlay: Auto Play
          • Loop: Looping Playback
          • Controls: Browser's own control bar
          • Width: Video width
          • Height: Video Height

The only width that really affects the video. The height value is changed with the element.

    • Table tables :

    

<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 cell.

More complex HTML tables may also include caption, Col, Colgroup, THEAD, TFOOT, and tbody elements.

    • Horizontal Line
    • <pre></pre> is a pre-formatted label: The content is the same as the format written in the browser, but the font size becomes smaller.

The following elements determine the future layout and must focus on:

    

Web-based and HTML simple tags

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: info-contact@alibabacloud.com 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.