The basis of HTML theory:

Source: Internet
Author: User

The basis of HTML theory:

Applications developed using the B/S computing model we are generally referred to as Web applications.

Structure section of the Web page: the definition of the structure is used in HTML language (Hypertext Markup Language Hyper text mark up Language).

The presentation part of a Web page: The language that writes the document representation is the CSS language (cascading style sheets casading style Sheet).

Web page Behavior section: Standard scripting language JS (Java script).

Access all objects on the Web page: DOM (Document Object model).

(All defined by the consortium)

HTTP protocol (Hypertext Transfer Protocol): Implements communication between a Web browser and a Web server.

Categories of Web pages: Static Web pages, client dynamic Web pages, server Dynamic Web pages.

XHTML Basics

1 Add XHTML document Body

① defines the title of the body

② defining a paragraph

<p>Paragraph</p>

③ Defining App Text

<blockquote>block quote</blockquote>

④ definition List

? Sequence list (Ordered list)

<ol>

<li>List<li>

<ol>

' Unordered list ' (Unordered list)

<ul>

<li>List<li>

<ul>

ƒ definition lists (Defined list)

<dl>

<dt>List<dt>

<dd>List<dd>

<dl>

⑤ defining pre-programmed text

<pre>pre</pre>

⑥ Defining partition Block text

<div>

Division

</div>

⑦ Cross-character elements

<span> </span>

⑧ Creating a hyperlink

<a href= "" ></a>

⑨ Display Graphics

⑩ inserting multimedia information

? Add Flash File

<object data= "Flash file path" type= "Application/x-shockwave-flash" width= "width" height= "height" >

<param name= "" value= ""/>

</object>

' Add video File

<object data= "wmv file path" type= "video/x-ms-wmv" width= "width" height= "height" >

<param name= "" value= ""/>

</object>

11 inserting table-like data

<table>

<th> title </th>

<tr> Line

<td> Columns </td>

</tr>

</table>

12 inserting other pages in a Web page

<iframe src= "URL" frameborder= "0" ></iframe>

2 XHTML elements are divided into block-level elements and inline elements

The text defined by block-level elements (Div, blockquote, list, fieldset, from, H1-h6, HR, p, pre, table, etc.) is wrapped and the next element is displayed in the next line of the browser.

The text defined by the inline element (span, A, IMG, label, all form input elements, iframe, object, and so on) is not wrapped, and the next element is displayed at a subsequent position on the same line of the element.

3 XHTML Forms

① various types of forms

<form action= "" method= "get" >

<input type= "text" value= ""/> text box

<input type= "button" value= ""/> Normal command button

<input type= "Submit" value= ""/> Submit button

<input type= "reset" value= ""/> reset button

<input type= "image" value= ""/> images button (replaceable commit and reset)

<input type= "checkbox" value= ""/> check box

<input type= "Radio" value= ""/> Radio Box

<input type= "password" value= ""/> Password Password box

<input type= "file" value= ""/> Files Upload Control

<input type= "hidden" value= ""/> Hidden Fields

<textarea name= "" id= "" cols= "" rows= "></textarea> multi-line text box

drop-down list

<select name= "" Id= "" >

<option value= "" ></option>

<option value= "" ></option>

</select>

</form>

② other form elements and attributes

ReadOnly Properties: You can prevent modifying the properties of a text box.

The Disabled property enables the input control to be unavailable.

Label element: Text label.

FIELDSET element: A container used as a form element that displays a thin bounding box around the contained element.

Legend element: Place inside the fieldset element and add a caption to the box.

③ theory

HTML form markup elements and attributes fall into two categories: defining the overall structure of the form, and creating an input object.

The two key properties that must be used in the <from> tag are action and method. Where the Action property uses a URL to specify the location of the form handler, the method property specifies how the form data is created into the form handler, and the value of the method property has two get or post.

The basis of HTML theory:

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.