Seventh lecture (HTML production)

Source: Internet
Author: User

first, the basic concept

  A Web site is a collection of multiple pages , each of which forms a Web site through hyperlinks. Web pages can be divided into dynamic Web pages and static pages, the elements of the Web page include station, navigation bar, banner, title bar and buttons, can be composed of text, images, animation and scripting language.

  The station Mark is also called as the logo, is the website logo. such as the logo of the enterprise, generally placed in the upper left corner.

 The navigation bar is a combination of hyperlinks to multiple pages within the site, which guides the browser to easily find each page in the site, either below or on the right side of the logo.

 The advertisement is also called banner, its function is promotes the website or advertises for other enterprise. According to the layout of specific arrangements.

  the title bar refers to the title bar of each section within the page, which is a generalization of the contents of each plate, not the title bar of the whole page.

  A button is a switch that starts certain devices or organs.

Second, scripting language

(a) HTML (hypertext Markup Language) Hypertext Markup Language, a standard language for making Web pages, is developed by the World Wide Web Consortium.

For HTML basic form:

  

Html

1, a set of rules, browser-aware rules

2. Developer:

Learning HTML Rules

3. Local Testing

Open with browser

4. Writing HTML files

DOCTYPE Correspondence Relationship

HTML tags, tags can write properties inside

Note:<!--the contents of the comment-

5, Label classification:

Self-closing label, active closing label

6, the head tag

<meta, jump, refresh, keywords, description, IE compatible

-title Label

-link tags can be title bar icons

    <Head>      <MetaCharSet= "UTF-8">      <Metaname= "keywords"content= "Learning and fine, special promotion, computer">      <Linkrel= "shortcut icon"href= "Image/favicon.ico">      <title>Learning and fine Education</title>    </Head>   

7. Body Tag

Various symbols &nbsp;   Represent Spaces &gt;  Greater than sign &lt; Less than sign

P label BR Label

  

<!DOCTYPE HTML><HTMLLang= "en"><Head>    <MetaCharSet= "UTF-8">    <title>Hu Jin</title></Head><Body>   <P>I love Beijing Tian ' an door I love<BR/>'s Motherland</P>  <!--br/represents a newline -   <P>I love the sun in Chongqing</P> <!--P-Tags represent paragraphs with spacing between paragraphs -   <H1>Learn and fine</H1>       <!--H Series increased bold -   <H2>Learn and fine</H2>   <H3>Learn and fine</H3>   <h4>Learn and fine</h4>   <h5>Learn and fine</h5>   <h6>Learn and fine</h6>   <span>Learn and fine</span>   <!--Whiteboard -   <span>Learn and fine</span>   <!--block-level Tags: h-series P-tags inline (inline) Tags: span -   <span>Learn and fine</span>   <span>Learn and fine</span></Body></HTML>

div and Span tags

<!DOCTYPE HTML><HTMLLang= "en"><Head>    <MetaCharSet= "UTF-8">    <title>Hu Jin</title></Head><Body>    <H1>DIV White Plate-level labels</H1>       <!--H Series increased bold -    <Div>1</Div>    <Div>2</Div>    <Div>3</Div>    <H1>Span Whiteboard inline Labels</H1>       <!--H Series increased bold -    <span>1</span>    <span>1</span>    <span>1</span></Body></HTML>

The meaning of tags: css operation, JS operation

Seventh lecture (HTML production)

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.