web design lec3.pptx html css baiscs ppt

html

1. HTML Formatting Elements Formatting elements were designed to display special types of text: <b> - Bold text <strong> - Important text < i > - Italic text < em > - Emphasized text <mark> - Marked text <small> - Smaller text <del> - Deleted text <ins> - Inserted text <sub> - Subscript text <sup> - Superscript text

2. <!-- This is a comment --> <p>This is a paragraph.</p> <!-- Remember to add more information here --> HTML Comment Tag

3. Text Color < h1  style =" color:Tomato ;"> Hello World < /h1 > < p  style =" color:DodgerBlue ;"> Lorem ipsum... < /p > < p  style =" color:MediumSeaGreen ;"> Ut wisi enim ... < /p > Background Color You can set the background color for HTML elements: < h1 style=" background-color:DodgerBlue ;">Hello World</h1> <p style=" background-color:Tomato ;">Lorem ipsum...</p > < h1  style ="border:2px solid Tomato;"> Hello World < /h1 > < h1  style ="border:2px solid DodgerBlue ;"> Hello World < /h1 > < h1  style ="border:2px solid Violet;"> Hello World < /h1 > Border Color

4. < !DOCTYPE  html > < html > < head >    < title > My Page Title < /title >    < link   rel ="icon"  type ="image/x-icon"   href ="/images/favicon.ico"> < /head > < body > < h1 > This is a Heading < /h1 > < p > This is a paragraph. < /p > < /body > < /html > To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon.ico". Next, add a <link> element to your "index.html" file, after the <title> element, like this: FEVICON

5. < table >    < tr >      < th > Company < / th >      < th > Contact < / th >      < th > Country < / th >    < / tr >    < tr >      < td > Alfreds Futterkiste < /td >      < td > Maria Anders < /td >      < td > Germany < /td >    < / tr >    < tr >      < td > Centro comercial Moctezuma < /td >      < td > Francisco Chang < /td >      < td > Mexico < /td >    < / tr > < /table > TABLE CREATION USING HTML td stands for table data. tr stands for table row. th stands for table header .

6. Tag Description <table> Defines a table < th > Defines a header cell in a table < tr > Defines a row in a table <td> Defines a cell in a table <caption> Defines a table caption < colgroup > Specifies a group of one or more columns in a table for formatting <col> Specifies column properties for each column within a < colgroup > element < thead > Groups the header content in a table < tbody > Groups the body content in a table < tfoot > Groups the footer content in a table

7. HTML Description Lists HTML also supports description lists. A description list is a list of terms, with a description of each term. The <dl> tag defines the description list, the < dt > tag defines the term (name), and the < dd > tag describes each term: Example <dl> < dt >Coffee</ dt > < dd >- black hot drink</ dd > < dt >Milk</ dt > < dd >- white cold drink</ dd > </dl>