Learn some notes about HTML

Source: Internet
Author: User

Beginner Web page production, found a very big book summed up is just the following a series of marks, write down these frequently used tags and know how to use good, and other use to check

<b></b> Bold Body
<em></em> Italic Accent
<i></i> Italic does not emphasize
<strong></strong> emphasize
<sup></sup> superscript marks
<sub></sub> Subscript Marking
<big></big> Font Size
<small></small>
<bdo dir= "RTL" ></bdo> text from right to left
<br/> line break
<p></p>
<center></center> Text Horizontal Center Mark

Create an unordered list
<ul>
<li></li>
<li></li>
</ul>

Create an ordered list
<ol>
<li></li>
<li></li>
</ol>

Custom list
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>


<p> Property Align property value left center right align


Insert Picture
<body background= ""/> Set Picture as background


Hypertext links
<a href= "" target= "_blank" ></a> _blank new page Open

Linking to different locations on the same page
<a href= "#C4" ></a>

Design of Web Forms
<table border= "1" >
<tr>
<td></td>
<td></td>
</tr>
</table>


A table with headings
<table border= "1" >
<caption> title </caption>
<tr>
<td></td>
<td></td>
</tr>
</table>

<th><th> Table Head


Set the table background
<table border= "1" bgcolor= "green" >
<tr>
<td></td>
<td></td>
</tr>
</table>

Define a table background picture
<table border= "1" background= "" >
<tr>
<td></td>
<td></td>
</tr>
</table>

Set the cell background
<table border= "1" >
<tr>
<TD background= "" ></td>
<td></td>
</tr>
</table>

--------------------------------------------

Form basic elements

<form action= "url" method= "Get|post" enctype= "Mine" ></form>

<input type= "text" name= "" size= "" maxlength= "" value= ""/>


Multiline text Box input
<textarea name= "" cols= "" rows= "" wrap= "" ></textarea>



radio button

<input type= "Radio" name= "value=" "> same name in same group

check box
<input type= "checkbox" Name= "value=" "> same name in same group

Drop-down menu
Use the Select element to create a multi-select or single-selection drop-down menu
<body>
<select>
<option> List 1</option>
<option> List 2</option>
<option> List 3</option>
</select>
</body>


Drop-down menu select Plus size= "" Multiple becomes list box


Normal button
<input type= "button" name= "" value= "" onclick= "script function definition behavior"/>

Submit button
<input type= "Submit" Name= "value=" "/> Submit form to the file pointed to by action


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

-------------------------------------
Creating frames using HTML

Basic structure of the framework
<title> title of the frames page </title>
<frameset>
<frame>
<frame>
...
</frameset>

In the Use frames page, the body tag is replaced by frameset, and for each frame contained in the frames page is tagged with frame, body and frameset are not used simultaneously


Set the basic properties of a window frame
Horizontal split Window
<framwset rows= "frame window height, height of frame window ..." >
<frame>
<frame>
...
</frameset>
How many frames does the general height correspond to?


Vertical split Window
<framwset cols= "width of frame window, width of frame window ..." >
<frame>
<frame>
...
</frameset>


Mixed split window
<frameset rows= "frame window height, height of frame window ..." >
<frame>
<frameset cols= "The width of the frame window ..."
<frame>
<frame>
...
</frameset>
<frame>
...
</frameset>

Set the border of a frame
<frame frameborder= "Value" > can only be 0 or 1

Set border width and border color
<frameset framespacing= "bordercolor=" color code for "Border width" >


Set frame Properties Frame
Page source files
<frame src= "page source file Address" name= "page name (not shown)"/>

<frame src= "" noresize/> noresize parameter indicates that the dimensions of the frame window cannot be changed


Horizontal margins for borders and page content
<frame src= "" marginwidth= horizontal margin/> Sets the distance between the left and right edges of the page and the frame border, in pixels


Up, vertical margin marginheight

<frame scr= "" scrolling= "show scroll bar"/> can only be Yes,no,auto

Content that is displayed by browsers that do not support frames
<noframe>
</noframe>

Inline frame
<iframe scr= "" Width= "" heigght= "" align= "" frameborder= "" >
</iframe> subject available Body,frameborder can only go 0 or 1

----------------------------------

Design of Web-page multimedia
Set scrolling font
<marquee direction= "" behavior= "" loop= "scrolling times, default Infinity" scrollamount= scrolling speed scrolldelay= event interval bgcolor= "color code" > Scrolling Font </ Marquee>
Direction scrolling effect, up,dowm,left right,behavior scrolling Way, there is scroll,slide,alternate.

Set the background area for scrolling text
<marquee width= heitht= ></marquee>
Units are pixels


Set Blank Space
<marquee hspace= Horizontal Range vspace= Vertical range ></marquee>


Add background music
<bgsound src= "Address of background music" loop= cycle times/>
Set the number of cycles to true if you want to play an unlimited amount of times

Add multimedia files (video animations, etc.)
<embed src= "Multimedia file Address" Width= Playback interface width height= playback interface height ></embed>
Width and height Be sure to set

Set up automatic operation of multimedia files
<embed src= "" autostart= whether to automatically run loop= whether to loop hidden= whether to hide ></embed>
True and False

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.