The home page is written in the HTML language. HTML (Hypertext Markup Language, Hypertext Markup Language) is the basis of the homepage, you can see the page's HTML code through the browser's "view" "Source code". There is no need to see the language to be afraid, HTML and C language is not the same, it is a series of tag combinations. After you understand the structure of HTML, you'll find HTML easy, especially with the help of a dedicated HTML editor.
Note: Although you can refer to someone else's HTML code, copying someone else's code is a tort.
Graphic design and production
The World WIDE Web has been able to develop rapidly, to a large extent, thanks to its image, sound, animation and other multimedia information can be merged to give viewers a pleasing feeling. A good site, the idea of novel, beautifully crafted graphics is indispensable. Graphic originality is very important, all the use of other people made graphics not only legal infringement, but also to the visitors have a very bad impression.
Program Preparation
With the development of the web, the interaction with the viewer is more and more valued by the website makers. The home page now compares with the original static homepage, the interface is more friendly, the function is richer. These technologies require a number of programming languages to complete, such as JavaScript, VBSCRIPT, CGI, ASP, and so on. To make your site stand out in the vast ocean of the Internet, you must master these programming languages.
Experience
Experience is not a technology, but a magic weapon to win. Web site production of many problems, such as the structure of the site, layout, Chinese processing, etc., all need your experience. There are many excellent web site design, to learn more, draw on their own more hands-on, more attempts, I believe you can also make eye-catching beautiful website.
Page base Element
The look of HTML
The HTML language is made up of a series of tags, each with its specific meaning. tags are marked with <> to differentiate them from the contents of the page. Most of the tags appear in pairs, followed by a "/" to indicate the end. Just like this:
<b> this is bold. </b>
The result of this statement is:
This is bold.
<b> indicates that the,</b> begins with a bold end, and the tag is not displayed in the browser. If you have used the WPS Chinese processing system, you will find that the HTML tag and the WPS control character is somewhat similar. Make sure that the HTML tags are clear and you're the home master. Is it easy? Not necessarily, let's start studying.
My first page
Let's first look at the HTML code for the most basic homepage:
---------------------------------------
First.html
<HTML>
<HEAD>
<TITLE> My first page </TITLE>
<HEAD>
<BODY>
This is the content of the page.
</BODY>
</HTML>
------------------------
In Notepad, enter the above content, save the file, note the "Save type" to all Files (*.*), enter the filename "first.html". Use the browser to view the results.
From the browser's "view"-"Source" menu item, we can see the source code we just entered. Comparing the source code and the display results, we found that a basic HTML page consists of the following parts:
<HTML></HTML>
This page is written in HTML language so that the browser software can be interpreted and displayed with accuracy.
<HEAD></HEAD>
An HTML header that contains some setup information for the page.
<TITLE></TITLE>
Title is an important part of the head, and it contains content that appears in the browser's window title bar. If there is no title, the browser title bar displays the file name of this page. There are a lot of people on the internet who ignore the title setting, and you can often see the default titles such as Untitled or home page. Since Internet Explorer Favorites and Netscape Navigator bookmarks are labeled with title as the storage address file, it is necessary to have a proper title for your home page.
<BODY></BODY>
The body contains the actual content of the HTML page, which is displayed in the client area of the browser window.
Page Header
In addition to the title tag, there are several other tags in the head. These tags, though not commonly used, require a certain understanding.
META
Meta tags are used to describe some document information that is not included in standard HTML. The fierce competition has enabled browser vendors to use Meta to develop many useful features and make these features available in commonly used browsers. Here are a few useful uses:
<meta name= "keywords" content= "Yourkeyword" >
<meta name= "description" content= "your homepage ' s description" >
The keywords and descriptions on this page. After adding these definitions to the page, some search engines will be able to get readers to find your home page based on these keywords, and get to know your home page content.
<meta http-equiv= "Refresh" content= ", url=" new.htm ">
The browser will automatically go to new.htm after 60 seconds. You can use this feature to create a cover page that automatically brings readers to your catalog after a few hours.
If the URL entry is not there, the browser refreshes this page. This realizes the characteristic that the WWW chat room refreshes regularly.
<meta http-equiv= "Content-type" content= "text/html; charset= "GB2312" >
Describes the language used on this page. Depending on this, the browser can choose the correct language encoding without requiring the reader to select it in the browser. GB2312 refers to the simplified Chinese, while the home page of BIG5 in Taiwan is BIG5.
<meta http-equiv= "Pragma" content= "No-cache" >
Mandatory call to the latest version of the Web. To save time, the browser saves a temporary version of a Web file on your local hard drive. When you want to recall, directly display the files on the hard drive, not on the web. If you want the reader to see the latest version every time, add this sentence.
LINK
Displays the connection between this document and other documents. One of the most useful applications is the positioning of external cascading style sheets. The format is as follows:
<link rel= "stylesheet" href= "Style.css" >
The rel parameter describes the relationship between the two documents, and HREF describes the target document name. The cascading style sheet is detailed in the course that follows.
BASE
The original address of this document. The syntax is:
<base href= "original Address" >
This way, after downloading your document, the reader can also know where to download it.
Body
The body tag has properties that define the display effect within the page.
Color of ALINK, LINK, text, vlink--text.
ALINK: The text color of the currently active connection.
Link: The text color of the connection.
Text: The color of the text.
Vlink: The color of the text that has been visited.
Note: The color of the text and the background is significantly different, so that the reader to browse.
BACKGROUND, Bgproperties, bgcolor--the background part of the page.
BACKGROUND: Background pattern, which is paved casement the page. The background pattern should be maintained in a single hue to ensure that the page text is easy to read.
Bgproperties: Set to fixed, the background pattern does not scroll. (Valid only for Internet Explorer)
bgcolor: Background color.
Note: If your background pattern is a dark hue, the text color is a light color, so because the browser calls the page order is "background color-text-background pattern", then the background pattern does not show the case, your text is difficult to read under the white color, so you should choose a background pattern with the color of the back color consistent.
LEFTMARGIN, topmargin--margin blank. (Valid only for Internet Explorer)
LEFTMARGIN: Left margin blank.
TOPMARGIN: Top margin blank.
This is the basic element of HTML.
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.
