Getting started with HTML-simple web page creation

Source: Internet
Author: User


Concept: HTML (Hypertext Markup Language) is a Hypertext Markup Language used to create webpage files. HTML consists of a series of tags. It can be said that the essence of HTML is to organize text, tables, images, and other webpage elements into a webpage by combining and embedding various tags.

 

Tag: There are many types of tags in HTML, but they are generally not divided into two categories: Header tag

The Header element tag contains the following important tags:

1. Title mark. Start with <title> and end with </title>. The content between tags is the webpage title content, which is displayed in the title bar of the browser.

2. meta tag. Meta tag <meta> is used to define the names and Keywords of page information. <Meta> tags are not paired. It defines page information in the form of properties. Take setting the page keyword as an example. The attribute value of the name of the page keyword is keyword, which is used by the search engine to describe the keywords of the webpage and help the search engine to search for and classify the webpage, this increases the probability of being searched. You can set multiple keywords separated by commas, for example, <meta name = "keyword" content = "content1, content2, content3">. In addition to setting keywords, you can set the name attribute value to description to describe the subject of a webpage. <meta name = "description" content = "this is a learning webpage">, you can use the refresh attribute to regularly refresh the webpage or perform timed webpage jump operations. <Meta http-equiv = "refresh" content = "interval; url = connection address"> (the interval is calculated in seconds ). Www.2cto.com

 

The subject tag starts with <body> and ends with </body>. There are many tags in the subject tag. This section briefly introduces the functions of several common tags under the subject:

Mark

Function

Used in pairs

<P>

Create a segment. <P align = "#"> attribute align indicates the method of the segment, # It can be left, center, right, justify.

Yes

<Br>

Create an empty line for line feed

No

<Hr>

Insert a horizontal line. <Hr color = "clr"> attribute color is used to specify the color of a line. clr can be red, blue, green, or expressed in hexadecimal notation.

Yes

<Center>

Center text display

Yes

<Hn>

This parameter is used to specify the titles of a document. n is an integer ranging from 1 to 6. <Hn align = "#">.

Yes

<Font>

Used to set the font. Attribute size indicates the font size. n can be an integer ranging from 1 to 7. <Font size = n color = "clr">

Yes

<B>

Make text bold

Yes

<I>

Make text Italic

Yes

<Ol>

Used with <li> nesting, specifying the numbering format and sequence, and specifying the numbering system type with the type attribute

Yes

<Ul>

Used with <li> nesting to create a list with the project symbol and specify the symbol style with the type attribute

Yes

<Table>

Defines table elements with attributes such as align, border, and bgcolor.

Yes

<Caption>

Nested in <table>, used to define the table title

Yes

<Tr>

Nested in <table>, add a new row to the table

Yes

<Th>

Nested in <table>, used to define the Header element

Yes

<Td>

Nested in <table>, used to define Cells

Yes

<Form>

It is combined with related elements nested in it to generate a form on the webpage. The Method attribute is used to specify the Method used by the Project Server to submit a form. There are two methods: get and post. The get method is used when the data volume is small and does not require security. Otherwise, the post method is used.

Yes

<Input>

Nested in <table> or <form>, you can use the type attribute to specify the value of the type attribute of the input element, such as text, submit, reset, password, radio, checkbox, and hidden, displays the single-line text input control, submit button, reset button, password input control single-choice button, check box, and hide the control.

No

<Select>

Bed History Table

Yes

<Option>

Nested in <select> to provide list items in the list box

Yes

<A>

Used to implement hyperlinks. The value of the href attribute is the connection address. <a>... </A> the text is the connection text on the webpage.

Yes

It is used to embed images in webpages. the src attribute is the position of image resources, and the width and height attributes are used to specify the width and height of the image respectively.

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.