The first day of php learning: HTML; the first day of php: html

Last Update:2016-09-13 Source: Internet

Author: User

Tags color representation

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

The first day of php learning: HTML; the first day of php: html
2. B/S network mode (structure)

B/S, browser/Server structure. In this mode, the client does not need to install any software (except the browser software), and all other functions are concentrated on the server. The client is basically not maintained.

3. Introduction to HTML

HTML, HyperText Markup Language, yesSGML. Is a standard, a standard, a sign (Mark).

For example:Beijing Chuanzhi 

The function of various tags is to tell the browser how to display the content.

Static webpage Extension:. html. htm

Extensions of dynamic web pages (including server programs):. php. jsp. aspx

Hyper Text: text with hyperlinks.

4. HTML tag format

Bilateral Tag: <tag attribute 1 = "attribute value 1" attribute 2 = "attribute value 2"> content </Tag>

Example: Guangzhou Chuanzhi

Unilateral Tag: <tag attribute = "attribute value">

What are the characteristics of a person: name, age, education, Graduate School, height, weight, etc.

Similarly, a person is a category, and a person is a specific object in the category.

5. Standards for writing HTML tags

1) HTML tags are case-insensitive. We recommend that you use lower-case tags for backward compatibility. Example:

2) A tag can have or has no attribute. If an attribute exists, the attribute and tag are separated by spaces (at least one), and the attribute and tag are separated by spaces. The attribute must be placed in the start tag, but not in the end tag.

For example:

No attribute:

3) attribute values must be enclosed in quotation marks (no quotation marks are required ).

4) The unit (px) is not required for the value attribute of HTML, but the Unit must be added for the Value Attribute of the value in CSS.

In HTML: <table width = "500">

In CSS: <table style = "width: 500px">

5) tags can be nested, but can only beSequential nesting, That is, layer by layer, and cross-Nesting is not allowed.

6. HTML structure of a webpage

<Html>

<Head>

<Title> webpage title </title>

</Head>

<Body>

Subject content of the webpage

</Body>

</Html>

Structure Description:

<Html>

<Head>

<Title> </title> defines the title of a webpage, which is a sub-mark of

<Body> </body> is the subject content of a webpage. 99% of the content or tag in the webpage is placed in <body>. The content in <body> is visible.

7. common attributes of <body>

BgColor: Set the webpage background color, for example: <body bgColor = "red">

Background: Set the URL of the background image of a webpage, for example: <body background = "images/bg.gif">

8. HTML font Modifier

bold

italic

underline

<S> </s> strike

upload

subscript

font marker

Common attributes

Size: font Size. Values: 1-7, 1, and 7.

Color: font Color, for example, red or RGB (255, 0, 0) or # FF0000

Face: font type, for example, face = ""

Example: content

<Hr>Horizontal line, which is a unilateral mark

Common attributes:

Size: the width of the horizontal line.

Width: the Width of the horizontal line.

Color: The Color of the horizontal line.

Noshade: solid color display without shadow

9. Code Editor

1) enhanced Text Editor: Editplus Notepad

Features: small software, less system resources occupied, and syntax color

Disadvantage: no code prompt Function

2) Integrated IDE development environment: Zend Studio

Features: large software, high system resource occupation, syntax color, code prompt function, PHP program debugging function, database configuration, etc.

Disadvantage: Billing

3) Visual webpage code editing tool: Dreamweaver

Step 1: Create a site, site-manage a site

A website is a website that consists of multiple directories or files.

Step 2: Set the code font size CTRL + UEdit -- preferred parameter -- font

Step 3: Set the default encoding when creating a web page:CTRL + UEdit -- preferred parameter -- New Document

UTF-8 is multi-country language encoding, as long as you have the corresponding input method, can display different countries of the language.

How can we ensure that the webpage does not contain garbled characters?

1) Your editor's default encoding, to be set to UTF-8

2) In your HTML code, the <meta> tag also needs to set the corresponding UTF-8 Encoding

3) Your PHP Web Page code should also be set to UTF-8

4) The data encoding that your MySQL reads should also be set to UTF-8

Step 4: Set DWDefault browser: CTRL + UEdit -- preferred parameter -- preview in the browser

DOM browser, standard browser, Firefox browser

10. webpage Color Representation

Red green blue

Representation in 10: RGB (0,255, 0, 0) RGB (255, 0) RGB)

In hexadecimal notation: # FF0000 #00FF00 # 0000FF

RGBColor mode

All colors in nature can be mixed by red (R), Green (G), and blue (B). RGB is also called the three primary colors.

The RGB color mode is also called the color adding mode. Any two colors can be added to produce their own colors.

In a computer, each base color is represented in 1 byte (8-bit binary, for example, 11011011), which can represent 256 (0-brightness levels) colors.

How many colors can RGB be mixed? 256*256*256 = 16.77 million colors

On the webpage:

RED: RGB (255, 0, 0)

Green: RGB (0,255, 0)

Blue: RGB (255)

Yellow: RGB (255,255, 0)

Binary: 0, 1 operation rule: every two to one

Decimal: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 calculation rules: every ten into one

Hexadecimal: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F calculation rules: every 16th one

The webpage color is represented in hexadecimal format:

RED: # FF0000 uses two hexadecimal digits to represent one decimal digit.

Green: #00FF00

Blue: # 0000FF

Yellow: # FFFF00

In different browsers, 10Hexadecimal display is incompatible, preferably 16Hexadecimal representation.

In HTML, the color is represented in decimal notation, which has no effect. However, in CSS, the color can be represented in decimal notation.

11. 12. HTML typographical Markup

indicates a paragraph.

line feed

<Hr noshade size = "5" color = "red"> horizontal line, noshade attribute has no Attribute Value

<H1>

............

<H6>

<H1>Common attributes:

Align: horizontal alignment; values: left, center, and right

<Pre> </pre> the pre-typographical mark retains all the white spaces (consecutive spaces or line breaks) of the Code. In other words, the content in the mark will be output in an intact manner.

In PHP<Pre>Empty output is retained.

13. <div> and

These two tags, if used separately, do not have any effect. They should be used in combination with CSS.

Although the two tags have no meaning, they are the most used in DIV + CSS.

It is equivalent to two small containers, which are used to store other content and facilitate layout.

Block and row Elements

Block element: the width of the entire bar is occupied separately. The front and back elements must be formatted in another line. For example: , <Pre>

In-Row Element: Multiple in-row elements are arranged in the same row. The element in the row has no width, and the width is determined by the content. For example, 

14. HTML character entity

& Nbsp; represents a halfwidth Space

& Gt; greater

& Lt; Yu no.

& Amp ;&

& Yen; RMB

& Copy; Copyright

& Times; multiplication number

& Divide; division number

15. Project symbol mark (unordered list): Block Element

<Li type = "circle"> content 1 </li>

<Li> content 2 </li>

</Ul>

Common attributes:

Type: the Type of the Project symbol. Values: disc (solid dot), circle (small circle), square (small square)

16. numbered list (ordered list)

<Ol type =""Start ="3"">

<Li> </li>

......

</Ol>

Common attributes:

Type: Number Type, value: 1 (number), a, A, I (little Rome), I (big Rome)

Start: the Start number of The number. The value is a number. For example, start = 3

Reprinted from-chongwei's home location

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More