Deepshikha html
Download as PPT, PDF0 likes200 views
HTML is the language used to write web pages. It includes tags for structuring documents, such as <HTML> to open and close documents and <HEAD> for the document header. Tags are also used for formatting text elements like headings, paragraphs, lists, and character styles. Additional tags insert images, tables, and hyperlinks to other documents. Attributes specify properties of these elements like colors, sizes, and locations of images or links.
Deepshikha html
- 1. Learning HTML HTML (Hyper Text Markup Language) is the language used to write Web pages Presented by: Deepshikha Bisaria IT-8th sem 0928IT091019
- 2. Saving Your Work All projects should be saved this way. File Name. HTML Save As Type (Text Document) Make sure you know where you are saving. Click name your work and save as .
- 3. Declaration <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> !DOCTYPE HTML PUBLIC proclaims this is an HTML document type that can be read by public browsers. -//W3C represents the HTML organization that denotes what HTML commands are to be used and what are not. //DTD HTML 3.2 stands for Document Type Description HyperText MarkUp Language (version) 3.2. //EN means the document will be written in the English language.
- 4. HTML Text editor – Word Pad or Note Pad. We will use Word Pad. To find Word Pad click start, programs, accessories, then Word Pad.
- 5. Let’s create a template Let’s start by creating 8 pairs of less than and greater than symbols. Please do not use the space bar. <><><><><><><><>
- 6. Put the less than and greater than signs in a column. <><><><><><> Place your cursor between a pair of less than greater than signs and press enter on your keyboard. <> <>
- 7. Structure Tags <HTML> .....</HTML> Opens and closes all HTML documents. <HEAD> ….</HEAD> Encloses document header. <TITLE> …..</TITLE> Contains the document’s assigned title. <BODY> ….</BODY> Contains the body of the HTML document. / means this is a closing tag.
- 8. More Structure Tags Character Formatting <B>...</B> Bold text. <I>...</I> Italic text. <U>...</U> Underlined text. <center>..</center> center text .
- 9. <font size”..”> </font size”..”> text size 1-7 <OL>...</OL> An ordered (numbered) list. <UL>...</UL> An unordered (unnumbered), bulleted list. <LI> A list item
- 10. Attributes: BGCOLOR="..." Sets background color. TEXT="..." Sets color of text. LINK="..." Sets color of unvisited links. VLINK="..." Sets color of visited links.
- 11. Headings H1>...</H1> -- <H6>...</H6> Used to set size of headings. Values of 1 through 6; with 1 being the largest, 6 the smallest.
- 12. Paragraphs <P> Used to denote a plain paragraph. Links <A>....</A> Creates a link to another document or anchor. Attributes: HREF"..." The URL of a document to which a given document is linked. NAME"..." Denotes an anchor name.
- 13. Lists <OL>...</OL> An ordered (numbered) list. <UL>...</UL> An unordered (unnumbered), bulleted list. <LI> A list item.
- 14. Character Formatting <B>...</B> Bold text. <I>...</I> Italic text. <U>...</U> Underlined text.
- 15. More Tags <BR> A line break. Attributes: CLEAR="..." Causes text to stop flowing around images - possible values are LEFT, RIGHT and ALL.
- 16. Images <IMG> Used to place an image into a document. Attributes: SRC="..." Information as to an image's physical location. ALT="..." Alternate text to be displayed should an image be missing, or images are turned off in browser. ALIGN="..." Determines horizontal image alignment; either LEFT or RIGHT. VALIGN="..." Determines vertical image alignment; either TOP, MIDDLE, or BOTTOM.
- 17. Images WIDTH="..." The width in pixels of an image. HEIGHT="..." The height in pixels of the image. BORDER="..." Creates a border around a linked image. "BORDERCOLOR=" may also be specified.
- 18. Tables <TABLE>...</TABLE> Creates a table. Attributes: BORDER="...." Indicates whether a table should have a border. May also specify a value indicating the width of a border.
- 19. Tables CELLSPACING="..." Specifies amount of space between cells in a table. WIDTH="..." Specifies width of a table, either in pixels or as a percentage. <TR>...</TR> Defines a table row. <TD>....</TD> Defines a table data cell. **found in a <TR>....</TR>.