Getting started with HTML and getting started with html

Source: Internet
Author: User

Getting started with HTML and getting started with html

I. C/S architecture and B/S architecture

C/S: client/server client server Architecture
B/S: browser/server browser server Architecture
Advantages:
C/S: 1. Download required, install 2. Update required for servers and clients 3. High development and maintenance costs
B/S: 1. No need to download, install 2. Only need to update the Server 3. Low development and maintenance costs

Ii. How the browser accesses the server

Protocol: // domain name (: Port Number)/File
Http://www.163.com/index.html
3. Composition of webpages
Html css javascript

Iv. html
Hypertext Markup Language is also known as Hypertext Markup Language.
Purpose: Execute the code in a browser without compilation.
File Suffix: .html#.htm (the first type is recommended)
Modify the file Suffix:
Organization ----> folder search option ------> View ----> hide the extension of a known file and remove the forward check (in this way, the text file will not be generated by mistake when the html file is generated)

5. Development Tools
Editing tool: notepad ++
Debugging tool: chrome (Google)

Vi. Labels
Tag: a specific string containing <>, usually with the start tag and end tag
Bilateral tags: <Tag Name> content </Tag Name>
Single Tag: <Tag Name/>
Attribute: Modify the tag.
<Tag Name attribute name 1 = "value 1" attribute name 2 = 'value 2' attribute name 3 = value 3> content </Tag Name>
We recommend that you use "" For attribute values.
Element: a complete tag is an element.

VII. specified character set:
<Meta charset = "UTF-8"/>
To set the character set, follow these steps:
1. encoding format of file storage
Option ----> convert to UTF-8 without bom format
2. encoding format of the browser execution File
<Meta charset = "UTF-8"/>
8. Global Architecture labels
<Html>
<Head> <Body> </body>
</Html>
Note:
1. All content must be written to the html Tag.
2. The content in the head label is not displayed in the browser.
3. The content in the body is displayed in the browser.

9. Almost all tags have attributes (combined with css/js)
Class name id style

10. character entity (& nbsp; space)
Http://w3school.com.cn/tags/html_ref_entities.html (all character entities can be viewed on this site)
11. Common labels (Text modifier)
Title: h1-h6 h1 Max h6 min
Bold: <B> </B> <strong> </strong>
Diagonal Line: <I> </I> <cite> </cite> <em> </em>
Underline: <u> </u>
Strikethrough: <s> </s>
Superscript: <sup> </sup>
Subscript: <sub> </sub>
Font family: <font> </font> (size/color/face)
Scroll: <marquee> </marquee> (direction/scrollamount/loop)
12. Common tags (format Control)
Section: <p> </p>
Line feed: <br/>
Do not wrap: <nobr> </nobr>
Horizontal line: Prototype output: <pre> </pre>
Unordered list: <ul> </ul> <li> </li> (type: circle/square/desc)
Ordered list: <ol> </ol> <li> (type: a/A/I/I start)
Custom list: <dl> </dl> <dt> </dt> <dd> </dd>


Conclusion: 1. Strong Fault Tolerance
2. case-insensitive (use lower case only)
3. nesting

<Html> <Font color = "blue" size = "30" face = ""> This is a paragraph-modified text. </font>
</Body>
</Html>

 

Instance description:

In the above code, we can see the global architecture tag

 

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: info-contact@alibabacloud.com 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.