First, HTML 1.0

Html

HTML:

is a Hypertext Language Markup Language (hypertext Markup Language); is a plain text type of language; suffix (. html/.htm); run by the browser.

Tags :

Enclosing class tag: <div></div>,<p></p>,<del></del>,

Non-enclosed Mark:<br/>,<input/>,,<nobr/>,

elements in XHTML must be closed, empty tags also closed

notes: <!--content --

Annotations cannot be nested with other comments, comments cannot be nested in <>

Text style:

<i></i>: Tilt; <b></b>: bold; <u></u>: Underline;<s></s> Strikethrough : superscript; : subscript;

<del></del>: Strikethrough; <em></em>: Tilt; <strong></strong>: Emphasis mark

<pre> Pre-formatting

HTML:

<pre>

the day is done by the mountain,

The Yellow River is in the ocean.

To the poor,

Better.

<pre>

page display:

the day is done by the mountain,

The Yellow River is in the ocean.

To the poor,

Better.

Images

JPEG: lossy compression algorithm with large compression ratio

GIF: Use 256-color method to compress the image, the color has a large distortion. Mainly used for line-based graphs, or small image surface, support animation and transparent images

PNG: Lossless compression, 8-bit, 24-bit, 32-bit, three-way

Support Transparent color (PNG24 bit not supported), animation is not supported, display up to 16.7 million kinds of

Required attributes: src; Common properties: width height;

<!--images are distorted when the image aspect ratio is incorrect, only one attribute is defined, and the picture is scaled

<a> Link Presentation Form

The destination document is a download resource: <a href= "Day02.zip" > Downloads </a>

Email Link: <a href= "mailto:[email protected" > Contact us </a>

Returns the empty connection at the top of the page: <a href= "#" > Back to Top </a>

Link to javascript: <a href= "javascript: ..." >js features </a>

dead Link: <a href= "javascript:void (0) "></a>

Null connection: <a href= "javascript:void (NULL)" ></a>

Anchor point: Is a tick of a line in a document that is used to link to a location in a document

How to use:

Define anchor points: <a href= "Anchorname" > Anchor point </a>

Link to anchor point: Before anchor point + "#"

<a href= "#anchorname" >...</a>--text/image on the same page as the anchor point

<a href= "Page url#anchorname" >...</a>--text/image is not on the same page as the anchor point

eg: <a name= "Here" ></a>--defining anchor points

<br/><br/>

<a href= "#here" >return to here</a>--use the link to navigate to the anchor point

<!--anchor Links: After naming the A tag with the Name property, a tag that can be linked only to the target named in the href, or id-->

<p>

<a href= "#poem" > Jump to Poetry </a>

<a href= "#poem" > Jump to Brother </a>

</p>

...

<p> <a name= "Poem" > This is a poem </a></P>

...

<p><a id= "Song" > This is a song </a></p>

<table> Forms

Define table:<table></table> rows <tr></tr> columns <td></td>

Table Properties: Width, height, align (left/right/center), border,cellpadding (inner margin), cellspacing (outer border, distance between cells), bgcolor (table background)

TR properties: Align, valign (Top/middle/bottom)

TD Properties: Align,valign,width,height,colspan (Cross-column), RowSpan (cross-row)

Table title: <caption></caption> Immediately after the table, you can define only one caption (by default, the title will be centered above the table)

Row grouping: Table header <thead> Body <tbody> footer <tfoot>

Irregular table: Set cell TD's cross-row or cross-column properties

cross-line: colspan horizontally extends the cell, the value is a positive integer, the cell number of cells extending horizontally;

Cross-column: RowSpan A vertical cell that has a positive integer value and the number of cells that the cell extends vertically.

Form nested:<td> element in contains <table> element

List

the alignment of a few lines of text that have similar or heart-like order

List types: Ordered list <ol> and unordered lists <ul>

The <ol> element can contain only list item elements <li>

<ol type= "list item Type" start= "Start Code" >

<li>, .... </li>

<li>, .... </li>

...

</ol>

Type attribute l:1. Number (default) 2.a lowercase letter 3.A Capital Letter 4.i Lowercase roman numerals 5.I larger Roman numerals

Eg: <ol type= "A" start=3>

<li> list One </li> C. List One

<li> List Two </li> display-D. List II

<li> List III </li> E. List III

</ol>

The <ul> element can contain only specific list item elements

Type=disc (solid circle, default) circle (Hollow Circle) Square (solid rectangle)

Definition List

<dl> define a definition list <dt> define a term in the list <dd> provide a definition for terms

Eg:<dl>

<dt> Computers </dt>

<dd> computer is used to calculate the instrument ......</dd>

<dt> Display </dt>

<dd> devices that visually display information ......</dd>

</dl>

First, HTML 1.0