html--"DRP"

Source: Internet
Author: User

What is HTML?

Hyper text Markup Language, Hypertext Markup Language.

The demo of HTML

1.

<title>: Set title, display to IE window title after Setup is complete

<style>: Introducing CSS Files

<script>: Introducing JavaScript files

<meta>: Used to set some header information

Demo1:

2.<body> Label

bgcolor: Background color

Background: Background image

Demo2:

DEMO3:


3. Horizontal

Size: Length

Width: Wide

Color: Colors

Demo4:

4. Hyperlinks <a>

Href:url

Target: Destination window

Demo5:

5. Font settings <font>

Size: Sizes

Color: Colors

DEMO6:

Demo7:

6. Text Settings

<b>: blackbody

<i>: Italic

<u>: Underline

<s>: Middle Dash

<sup>: superscript

<sub>: subscript

Demo8:

7. Special characters

&lt; <

&gt; >

&amp; &

&nbps; Space

&quot; "

8. Text layout

<div><span>: Text partition display, block level, inline

<ul><li>...</ul>: Unordered list

<ol><li>...</ol>: Ordered list

<p>: Carriage return line

<br>: line break

<pre>: Preserve original format

Demo10:

9. Forms <form>

Action: A program submitted to the server to handle

Method: The value get or Post,get value has a limit (256byte), the form data will appear after the URL; Post value is unlimited, the form data is not displayed in the form

<input type= "" Name= "" >

Type value: Text/password/checkbox/radio/select/textarea/submit/button/image/hidden

Name: Enter the names of the fields

DEMO13:

Text input text:

id-uniquely identifies name-name value-value size-length maxlength-maximum length

Demo12:

check box-checkbox

id-uniquely identifies name-name, multiple when the name is the same value-value checked-the selected checkbox

DEMO14:

Radio Box-radio

id-uniquely identifies name-name, multiple when same value-value checked-selected Radio

DEMO15:

List box-select

id--uniquely identifies the name--name size--the length of the list box multiple--can implement a multi-select list box value--the value in the list box selected--which item is selected

DEMO16:

Text Area-textarea

id--uniquely identifies name--name rows--number of rows cols--columns

DEMO17:

Button

type:button--Click the button, submit the data, do not submit the form submit--Click the button, submit form information reset--Click the button reset form information image--Click on the picture submission (default get)

DEMO18:

Implied domain--DEMO19:

Form:

border--table Border Size width--table width, percent available align--alignment, Left/right/center <tr>--row <td>--column align--alignment, left/right/ Center colspan--across multiple columns

DEMO20:

Framework

DEMO21:

21.hml

21_1.hml

21_2.html

The target in HTML

_blank, opens a new browser window _self, the current window _parent, the immediate parent frame window in the current window, displays _top, displays in the topmost window (overlay)

22.html

22_1.html

22_2.html

22_3.html

Iframe

23.html

23_1.html

html--"DRP"

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.