More Related Content
Similar to ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
Similar to ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني) (20)
More from جامعة القدس المفتوحة
More from جامعة القدس المفتوحة (20)
Recently uploaded
Recently uploaded (20)
ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الثاني)
- 1. 1 Pre tag<html> <body> <pre> This is preformatted text. It preserves both spaces and line breaks. </pre> <p>The pre tag is good for displaying computer code:</p> <pre> for i = 1 to 10 print i next i </pre> </body> </html>
- 2. 2 Blockquote tag <html> <body> Here comes a long quotation: <blockquote> This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. </blockquote> Here comes a short quotation: <q> This is a short quotation </q> <p> With the block quote element, the browser inserts line breaks and margins, but the q element does not render as anything special. </p> </body> </html>
- 3. 3 Frames
- 5. 5 VERTICAL FRAMES <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> >body<html
- 6. 6 HORIZONTAL FRAMES <html> <frameset rows="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html> >body<html
- 7. 7 Mixed frames <html> <frameset rows="50%,50%"> <frame src="frame_a.htm"> <frameset cols="25%,75%"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </frameset> </html> >body<html
- 8. 8 NAVEGIATION FRAMES <html> <frameset cols="120,*"> <frame src="tryhtml_contents.htm"> <frame src="frame_a.htm" name="showframe"> </frameset> </html> >body<html
- 9. 9 Text fields <html> <body> <form> First name: <input type="text" name="firstname"> <br> Last name: <input type="text" name="lastname"> </form> </body> </html>
- 10. 10 Password fields <html> <body> <form> Username: <input type="text" name="user"> <br> Password: <input type="password" name="password"> </form> <p> Note that when you type characters in a password field, the browser displays asterisks or bullets instead of the characters. </p> </body> </html>
- 11. 11 Checkbox form <html> <body> <form> I have a bike: <input type="checkbox" name="Bike"> <br> I have a car: <input type="checkbox" name="Car"> </form> </body> </html>
- 12. 12 Radio form <html> <body> <form> Male: <input type="radio" checked="checked" name="Sex" value="male"> <br> Female: <input type="radio" name="Sex" value="female"> </form> </body> </html>
- 13. 13 Select options form <html> <body> <form> <select name="cars"> <option value="volvo">Volvo <option value="saab">Saab <option value="fiat">Fiat <option value="audi">Audi </select> </form> </body> </html>
- 14. 14 Buttons <html> <body> <form> <input type="button" value="Hello world!"> </form> </body> </html>
- 15. 15 Text area form <textarea rows="2" cols="20"> The cat was playing in the garden. Suddenly a dog showed up..... </textarea>