Fire Station Building Institute (Bkjia.com)Creating 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.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
