Basic webpage creation Tutorial: learning HTML experience

Source: Internet
Author: User

  Fire Station Building Institute ( a webpage is a very interesting course. Creating a webpage can not only show our works, but also cultivate sentiment and make some commercial profits. Some friends feel that the web page is made with some English letters, which is too difficult. In fact, HTML is a super text language. If you know little about English, you can first understand some theories at the beginning of your study, then, you can learn through the web page creation software, such as Dreamweaver and Frontpage. Today, the editor of the Institute for building a website has collected some experience on creating web pages, hoping to help you learn how to create web pages.

  HTML Concept

Hyper Text Markup Language (HTML) is a simple Markup Language used to create hypertext documents. Hypertext documents written in HTML are called HTML documents.

  Compiling HTML documents

1. Manually write the statement in the. htm. html format.

2. Use Visual HTML editor: Frontpage, Dreamweaver, etc.

3. It is generated dynamically by the Web server (or the HTTP server) in real time.

Webpage file name

1. *. htm or *. html

2. No space

3. There is no special symbol (for example, "&"). It can only contain underscores (_) and can only be English or numbers.

4. Case Sensitive

5. The default homepage file name is index.htm or index.html.

  HTML file structure

Element: is the basic part of the HTML language. Elements always appear in pairs. Each pair of elements generally has a starting tag (for example) and an ending tag (for example ). The element tag should be enclosed in angle brackets, and the ending tag always adds a slash before the start tag.

  Document ures)

HTML file body

Basic components-HTML element attributes

HTML elements can have their own relevant attributes. Each attribute can also be assigned a certain value by our Web Editor. The element attribute appears in <> of the element, and is separated by a space between it and the element name. The attribute value is caused.

Element and element attribute -- 1

The element indicates that it is the main part of the HTML document. There are usually many other elements between and. These elements and element attributes constitute the main part of the HTML document.

Element and element attribute -- 2

The element has the following element attributes:

(1) bgcolor

The bgcolor attribute indicates the background color of the HTML document. For example, bgcolor = "# CCFFCC"

HTML Color Control

HTML also has its own syntax for color control. HTML uses hexadecimal RGB color values to control the color.

Hexadecimal digital: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, B, c, d, e, f.

Common color codes

Color name and RGB value Black = "#000000" Silver = "# c0c0c0" Red = "# ff0000" Blue = "# 0000ff" White = "# ffffff" yellow = "ffff00

<Body> elements and element Attributes -- 3

<Body> the element has the following attributes:

(2) background

The background attribute indicates the background image of an HTML document. For example, background = "images/bg.gif ". The available image formats are GIF and JPG.

(3) bgproperties = fixed

Bgproperties = fixed: watermark the background image, that is, the image does not scroll with the scroll bar.

(4) text

The text attribute indicates the text color of the HTML document. For example, text = "# FF6666 ". The color defined by the Text element is applied to the entire document.

(5) hyperlink color

Link, vlink, and alink control the common hyperlink, accessed hyperlink, and the color of the active hyperlink respectively.

(6) leftmargin and topmargin

Set the distance between the webpage subject content and the webpage top and left, for example, leftmargin = "20" topmargin = "30"

Text label attribute -- 1

Text attribute mark

1. text color

Specify the color <font color = #>... </font>

# = RRGGBB hexadecimal digital

Text tag attribute -- 2

Text attribute mark

2. text font

<Font face = "#, #,..., #">... </font> # = fonts available on the client

Text label attribute -- 3

Text attribute mark

3. Text Size

<Font size = #>... </font>

# = 1, 2, 3, 4, 5, 6, 7 or + #,-#

Text label attribute -- 4

Text attribute mark

4. Text title

<H #>...

# = 1, 2, 3, 4, 5, 6

Text Layout

Row Control

Segment (Paragraph) (can be considered as a blank line) <p>

Blank placeholder & nbsp;

There is a certain gap between HTML paragraphs and paragraphs. If you do not want to have a blank interval but just want to wrap the line, you need to use another element, that is, the <br> element. <Br> An element can wrap a line at its position. The effect of this line feed is similar to that of the browser's automatic line feed. <Br> elements are not paired.

  • 5 pages in total:
  • Previous Page
  • 1
  • 2
  • 3
  • 4
  • 5
  • Next Page

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.