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