HTML

Since I’ve been learning 《Foundationsof Programming-Fundamentals》 these days, I’d like to learn HTML in English. I’ll try my best tounderstand in the original way. The following is my note.

 

The full name of HTML is Hypertext Markup Language.

 

There’re four forms of HTML elements:

 

<br>            (line break, empty-element)

<hr color=”blue”>  (horizontal rule, empty-element with attributes)

<title>http://blog.csdn.net/zhuanzhe117 </title> (element with content)

<font color=”red”> http://blog.csdn.net/zhuanzhe117</font> (element with both content and attributes)

 

Notes: if there’re many spaces,tabs,CR,br stuffs like that continuously, the browser will parse them for only one.I remember to come up against this kind of problem when I wrote the News System. I put many spaces to justify the text-align, but there was only one space on the page.

 

<p>           (paragraph)

<center>…</center>    (center text)

<hn aligh=”#”>…</hn>  (write the title of the document here, n=1 to 6)

<font size=ncolor=”clr”>…</font>    (set font)

<b>…</b>       (bold)

<i>…</i>        (italic)

 

Do I have to remember these signs and entities? I think so.

 

Make a list

List with numerical symbols

<ol type=”A/a/I/i/1”>

         <li>

</ol>

 

List with bullets

<ul type=”disc/square/circle”>

         <li>

</ul>

 

List without numerical symbols or bullets

<dl>

         <dt>

         <dd>    (indent)

</dl>

Make a table

<caption>…</caption>  (title of the table)

<tr>…</tr>          (new row)

<th>…</th>          (head)

<td>…</td>          (cell)

 

<input>

<input type=”text/ submit/ reset/ password/ radio/ checkbox/ hidden”>       

(text:you can input single line with this control)

(submit:to submit )

(reset: restore initial value)

(password:change the form of password so you can’t see it directly)

(radio:single selection)

(checkbox:multiple selection)

(hidden:the control won’t display on the page)

 

<list box>

<select>

         <optionvalue=””>…</option>

         <optionvalue=””>…</option>

</select>

 

Multiline text input control

<textarea name=”name” rows=”number ofrows” cols=”number of columns”>…</textarea>

 

Hyperlink

URL: Uniform Resource Locator . There’rethree parts in URL (protocol, hostname,file directory and file name)

<a href=””>…</a>

 

Embed image

<img src=”URL” width=n height=n>

Notes: You should use JPEG for high quantityimage and GIF for simple image.