"C # video" HTML summary

Source: Internet
Author: User
Tags html comment

Objective:

Sophomore time in the professional study of HTML, at that time feel quite fun, but also did not go further to learn, recently learning C # video once again in the HTML, so decided to summarize, once again consolidated!

Content:

Macro map:

Defined:

HTML is a language used to describe a Web page and is a Hypertext Markup Language (Hyper Text Markup Language)


HTML is not a programming language, but rather a markup language (markup language).
Markup language is a set of tag tags (markup tag)

Hypertext Markup Language, an application under the standard Universal Markup Language.
"Hypertext" means that the page can contain pictures, links, or even music, programs and other non-text elements.
The structure of Hypertext Markup Language includes the header section (English: Head), and the "Subject" section (English: Body), where the "Head" section provides information about the Web page, and the "subject" part provides the specific content of the Web page.


Origin:

A hypermedia document on the World Wide Web is called a page (Foreign Language: page). A page that is an organization or an individual that places a start point on the World Wide Web is called a home (Foreign Language: Homepage) or homepage, and the home page usually includes pointers to other related pages or other nodes (hyperlinks), so-called hyperlinks, which are a Uniform Resource Locator (Uniform Resource Locator, foreign language abbreviation: URL) pointer, by activating (clicking) it, allows the browser to easily get new pages. This is one of the most important reasons for the extensive use of HTML. The organic collection of a series of pages that logically will be treated as a whole is called a website (website or site). Hypertext Markup Language (abbreviation: HTML) is a markup language designed for "Web page creation and other information that can be seen in a Web browser."
The essence of a Web page is a Hypertext Markup language that can create powerful Web pages by combining other web technologies such as scripting languages, public gateway interfaces, components, and so on. Thus, the Hypertext Markup language is the basis for World Wide Web programming, meaning that the World Wide Web is based on hypertext. The Hypertext Markup language is referred to as Hyper-text markup language because the text contains the so-called "HYPERLINK" point.


Language Features:

Hypertext Markup Language document production is not very complex, but powerful, supporting different data formats of the file set, which is one of the reasons for the prevalence of the World Wide Web (WWW), its main features are as follows:
simplicity: Super Text Markup language version upgrades are super-set, which makes them more flexible and convenient.
Extensibility: The wide application of Super Text Markup language brings about the enhancement function, the addition of identifiers and so on, the super-text markup language adopts the way of sub-class elements, which guarantees the system extension.
platform Independence: Although the PC is a big business, but with a lot of other machines such as Mac, the Hypertext Markup language can be used on a wide range of platforms, which is another reason why the World Wide Web (WWW) prevails.
Versatility: In addition, HTML is the universal language of the network, a simple, universal, all-in-one markup language. It allows web-makers to create complex pages of text and images that can be browsed by anyone else on the web, regardless of the type of computer or browser used.


Overall structure:

head structure:

defines the information for a document

<title> defines the title of the document
<base> defines the default link address for page link labels
<link> defines a relationship between a document and an external resource
<meta> defines metadata in an HTML document
<script> defines a script file for the client
<style> style files that define HTML documents


main content :<body></body>: The actual content displayed in the Web page is included between the 2 body markers. Body markers are also known as entity tags.





URLs of all other link sources that cannot be identified by the site in the <BASE> document (Uniform Resource Locator)
<LINK> defines the relationship between a link and a source, such as referencing a cascading style sheet (English abbreviation: CSS), making a link to a script, making a link to a file (printable version), and a document-specific toolbar/menu.
<script></script> Script statement tags, such as referencing a JavaScript script.
<body></body> document body, the visible part of the document.
<title></title> sets the title of the document.
Of course, if you do not use the above basic framework structure and directly use the tokens that appear in the Entity section, you can also interpret the execution under the browser. Title series:Font family:<pre></pre> Pre-formatted text (full name: preformatted)
<u></u> Underline (English name: underline)
<b></b> boldface (English full name: bold)
<i></i> italic Word (full name: italics)
<tt></tt> Typewriter-style fonts
<cite></cite> references, usually italic
<em></em> Accent text (usually italic plus bold, full name: emphasize)
<strong></strong> weighted text (usually italic and bold)
<font size= "" color= "></font> set font size from 1 to 7, color using hexadecimal value of first name or RGB (Chinese name: Red Green blue)
<BASEFONT></BASEFONT> Benchmark Font Tags
<big></big> Font Enlargement
<SMALL></SMALL> Font Reduction
<DELECT></DELECT> Add Strikethrough
<CODE></CODE> Code
<KBD></KBD> keyboard Word (full name: KeyBoarD)
<SAMP></SAMP> Example (full name: sample)
<VAR></VAR> variable (English name: VARiable)
<BLOCKQUOTE></BLOCKQUOTE> Right indent (indent right, block reference)
Definition of <DFN></DFN> statement (full name: DeFiNe)
<ADDRESS></ADDRESS> Address Tags
<sup></SUP> superscript Word (full name: superscript)
<SUB></SUB> subscript Word (full name: subscript)
<xmp>...</xmp>; fixed-width font (blank in file, line wrapping, positioning function Active)
<plaintext>...</plaintext>; Fixed-width fonts (do not execute marker symbols)
<listing>...</listing> fixed-width small font
<font color=00ff00>...</font>; Font Color
<font size=1>...</font>; font size is equal to 1 (minimum).
<font style = ' font-size:100 px ' >...</font>; font style equals infinite increase (100 pixels)
Format Flag Label
<p></p> Create a paragraph (full name: paragraphs)
<p align= "" > aligns paragraphs to the left, middle, and right
<br/> Define New rows
<blockquote></blockquote> indent text from both sides
<dl></dl> definition list (full name: definitionlist)
<dt> before each definition term (definition term, English full name: definitionterm)
<dd> before each definition (definition description, English full name: definitiondescription)
<ol></ol> Create an ordered list of numbers preceded by default, counting from the number "1", superimposed sequentially, or set as a letter or as a list item counting from any natural number (sequence list, foreign language full name: orderedlist)
<ul></ul> Create an unordered list that is preceded by a dot, or set to none or other shapes, such as a hollow circle, a block, and so on. (unordered list, foreign language full name: unorderedlists)
<li> before each list item, if you add a number to each list item between <ol></ol>;,
If between <ul></ul>; then each list item plus a dot
<div align= "" ></div> used to format chunks of HTML paragraphs, also for formatting tables
<MENU> List of options
<DIR> Catalogue List
<nobr></nobr> forcibly does not break the line (full name: nobreaking)
<center></center> Horizontal Center
Web Table Labels
Because tables can precisely control where text and images are displayed in a Web page, tables are generally used for layout in many Web sites ' home pages.
The basic structure of the table is as follows:
<Table>

<caption></caption>

<tr>

<th></th><th></th&gt, .....

</tr>

<tr>

<td></td><td></td&gt, .....

</tr>

<tr>

<td></td><td></td>

</tr>

<tr>

<td></td><td></td>

</tr>

...

</Table>


<Table> define the entire table, that is, the contents of the table are placed in the <Table> and </Table> tags; the main properties in <Table>: The Border property displays the table border, width, The Height property defines the size of the table. The <caption> tag is used to define the title of the table.
The representation of the table is in the behavior unit, which contains columns in the row. Where: a <tr>...</tr> tag represents a row; a <td>...</td> tag represents a column; <th&gt. </th> defines a header, which is generally not possible.
Link flag Table Flag
<a href= "A unified resource Locator" &GT;&LT;/A&GT;: Create a hypertext link.
<a name= "Bookmark page" &GT;&LT;/A&GT;: Creates a bookmark located inside the document.
<a href= "#书签页" &GT;&LT;/A&GT;: Creates a link to a bookmark located inside the document.
Use
Each HTML marker can have a different property item in use, which describes the contents of the tag that show different effects. The following properties are available in the body marker to change the color of the text and the page background.
BGCOLOR (Foreign language full name: BackgroundColor) defines the background color of a Web page, background the image file used to define the background pattern of a Web page
Text defines the color of the positive character, which is black by default
Link defines the color of hyperlink characters in a Web page, which is blue by default
Vlink (Foreign language full name: Visitedlink) defines the color of hyperlink characters that have been accessed in a Web page, and the default is magenta
ALINK (full name: Active link) is used to define the color of the hyperlink character that is selected by the mouse but not used, the default is red
For example, the tag will define the background color of the page as black, and the body font to appear white.
The above attributes need to be described in the color, in the HTML color can be used in 3 ways to describe the color property values, that is, the direct color name, 16 color code, 10 binary RGB code.
Direct color name, you can write the name of the color directly in the code. such as <font color= "Red" > We </font&gt, when displayed on the browser is red.
16 binary color code, syntax format: #RRGGBB. 16 The color code must be preceded by a "#" number, this color code is composed of three parts, of which the first two are red, the middle two is green, and the last two bits represent blue. The different values represent different colors, and their range is 00--ff. such as <font color= "#FF0000" > We </font>, the same color is displayed on the browser.
10 binary RGB Code, Syntax format: RGB (RRR,GGG,BBB). In this notation, the following three parameters are red, green, and blue, and their value range is 0--255. The above two expressions can be converted to each other, the standard is 16 binary and 10 binary conversion. such as <font color= "RGB (255,0,0)" > We </font>, the font is displayed in red on the browser.
Use a pattern instead of a background color to make the page more vivid and beautiful.
Today, using a large image as the background of a Web page has become a popular trend, high-quality photos and abstract design images can have a profound impact on the appearance of the site.
The image file "image. gif" can be represented by an image as the background of the page, if the image size is not large enough, the image will be repeatedly tiled in the window.
Comments
<!--Baidu Encyclopedia: This is a comment, and will not be rendered on the renderer or Web browser. -
Other versions
Differences between the and XHTML:
The xmlns attribute is required in XHTML, but not in HTML. However, even if the



Note the point:

There are some conventions or default requirements when editing Hypertext Markup language files and using related markers.
The file extension of the Text markup Language source program uses the HTM (the language abbreviation for the disk operating system DOS limit) or HTML (foreign language abbreviation for extension) to facilitate the operation of system or program identification, except for the custom kanji extension. When using a text editor, be careful to modify the extension. The commonly used image files have the extension gif and JPG.
Hypertext Markup Language source program is a text file, its column width can be unlimited, that is, multiple tags can be written in one line, or even the entire file can be written as a line, if written in multiple lines, the browser generally ignores the carriage return in the file (except for the tag designation); The spaces in the file are usually not displayed in the source program. Complete spaces can use special symbols (entity characters) "(note that this letter must be lowercase, square space)" for non-newline spaces; indicates that the file path is delimited with the symbol "/", the file name and the path description can be enclosed in quotation marks.
The markup element in the marker is enclosed in angle brackets, the element with a slash indicates the end of the tag description, and most of the tokens must be used in pairs to denote the beginning and end of the action; The markup element ignores the case, i.e. it acts the same, but the full space can use the special symbol "(note that the letter must be lowercase, Square spaces) "; Many markup elements have attribute descriptions, parameters can be further qualified for the element, and multiple parameters or attribute items are not allowed in the order of instruction, separated by spaces; The contents of a markup element may be written as multiple lines.
Marker symbols, including angle brackets, markup elements, attribute items, and so on, must use a half-width Western character, rather than full-width characters.
The HTML comment starts with the "<!--" sign, ending with the symbol "--", such as <!--comment content. The comment content can be inserted anywhere in the text. Any marker that inserts an exclamation point at its top is identified as a comment and is not displayed.


Finally, the overall map:


"C # video" HTML summary

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.