Basic html notes for October 15, 2015, html for October 15, 2015

Basic html notes for October 15, 2015, html for October 15, 2015

The division of labor for an Internet company requires that a small company be all-powerful and make it all out of a single project. Detailed division of labor in large companies. The main step is for planners to plan the scheme. The design drawings of the artist include. psd. rp. The front-end staff performs static pages and the background staff obtains the data in java php. net. No matter who you are in that zone, you must understand others.

Www webpage service, FTP file upload and download, telnet Remote Control

Apache2.2 Server

Windows + r = run, enter services. msc to bring up the service console

Local: 127.0.0.1. to access your local server, you must use Apache to set up the server and place the file in the htdocs folder. When installing Apache, make sure that there are no Chinese characters and no spaces. You can directly install Apache on drive C instead of the default folder.

Mainly used test browsers include IE, firefox, chrome, opera, and safari.

Server and client Technologies

Common server-side technologies (running on servers ):

JSP/PHP/ASPX

(Front-end) Common Client technology (running on a browser ):

HTML/CSS/JS/SWF (flash)

Computer Language. HTML is different from JAVA/C/PHP. A language has three structures: sequential execution, cyclic execution, and selective execution. HTML does not contain loops, selections, and other basic structures. It only contains plain text and 52 tags.

Double Tag: <Tag Name> text </Tag Name>

Single Tag: <Tag Name/> the single tag cannot contain content.

<Hr/> horizontal line <br/> line feed

Use of Meta tags

<Meta name = "keywords" content = "value"> multiple keywords can be separated by commas (,).

Description: <meta name = "description" content = "value">

Set author: <meta name = "author" content = "author name">

Set the character set: <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> or UTF-8

Gb2312 is mainly used for many Chinese characters, while UTF-8 is a national standard and widely used internationally.

Set page timed redirect: <meta http-equiv = "refresh" content = "2; URL = http://www.baidu.com"/>

 

What is the difference between html and xhtml? First, all the characters in xhtml are in lower case, and then all the tags must be disabled.

Format: <tag attribute 1 = parameter 1 Property 2 = parameter 2> content </Tag>

 

Different tags have different attributes. All tags have the following four attributes:

Id: Each tag in the entire document can declare a unique id number.

Style: Specify the css style for the element.

Class: specifies the type of the element.

Title: pop-up prompt for the specified tag

 

You must declare the document type before writing the code. Otherwise, the css and javascript interpretation and execution will be affected.

Document Type Declaration: (all tools can generate this sentence)

<! DOCTYPE html PUTLIC "-// W3C // DTD XHTML1.0 Transitional // EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

 

Windows + d can be used to call the desktop.

 

Meta data: Metadata-data describing data (Video 1day02 video 35 points at 1)

<Meta http-equiv = "content-type" content = "text/html; charset = UTF-8"/> metadata, which is better written on the title in the head, this will tell the browser to parse the following text based on this standard. Avoid garbled characters.

 

Escape characters:

<> Normally, it cannot be displayed and is considered to be the language of the browser. Therefore, escape characters must be used to display them to the foreground.

Basic Format: & xxxx

<Yes <;

> Yes & gt;

Space is & nbsp;

& Yes & amp;

©Yes & copy;

™Yes & trade;

®Yes & reg;

The style is controlled by CSS instead of the description style in XHTML, while the description style and description semantics in html are mixed. For example, for <B> and <strong>, the description style is first followed by the description semantics. In xhtml, the <B> description STYLE tag cannot exist. In xhtml, <em> replaces <I>.

Nowadays, most new web pages use xhtml. Why is html not discarded? Because many old web pages have not been modified before, they still use the style description method, so they cannot be discarded, but they are not used any more.

Html element type. There are more than 100 element types, each of which accounts for about half. Some can only be used in block elements, and some can only be used in inline elements. If the block element is used in the inline element, the effect will not be displayed.

Inline labels: <B> <strong> <I> <em> <u> <s> <sub> <sup> <span> <a> <input type = "text "/> <input type =" submit "/> <label> <select> <textarea>

Block Tag:

Description tag: <B> <I> <sub> <sup> <width> <color> <align>

Semantic Tag: <p> <strong> <em>

Partition elements are used to group elements and are commonly used for page layout. <Span> and <div>

Block Partition element <div> </div> is an element grouping tool used for content layering and page layout. It must be used with CSS.

In-row partition elements <span> </span> must work with css and Js.

 

Subscript: 

Superscript: 

 

Ctrl + d delete a whole row

Ctrl + alt + ↓ copy a whole row

 

The default font height and spacing of titles are different in different browsers, so there will be compatibility issues. Use css to block this issue.

<B/> "/" in html or html5 can be omitted, but it cannot be omitted in xhmtl.

<Hr> delimiter line element, which creates a horizontal line. common attributes include size, width, align, and color)

notify the browser to initiate an image request to the server at this moment. src specifies the URL and alt attribute of the image. If the image cannot be displayed, this text is displayed.

 

Resources may be used in html pages: images, css, js, and another page

Image formats used for web Development

Bmp: Uncompressed bit graph, which is generally not used for web development.

Psd: original ps document, support layer, not directly used on the page

Tiff: publishing and printing

Raw: too large

Jpeg: a compressed image with high fidelity and rich colors. It is suitable for photos on the web. It can be compressed to 1024 kb or even smaller by 768 X.

Png: The color is not rich in jpg format, but the transparency is good and the compression ratio is large. It is suitable for icons.

Gif: Rich Colors, supports animation effects, and supports transparency to a certain extent.

 

Link Representation

 

Three methods of page layout:

Table is mainly used to display batch data, but it is outdated as a page layout.

Current mainstream div + css

Html5 layout labels and future trends

 

Blue indicates the area occupied by the content, orange indicates the spacing, and Green indicates the filling.

 

Form, used to collect user data and submit it to the server. There are two attributes. action specifies the page for processing form data and must be a dynamic page. There is also input type.

 

The url in the address bar cannot contain more than 1024 characters.