how to create web pages. some relevant websites ????
TRANSCRIPT
![Page 1: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/1.jpg)
How to create Web Pages
![Page 2: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/2.jpg)
Some relevant websites
• http://www.web-source.net/html_codes_chart.htm
• http://www.quackit.com/html/codes/ ????
• http://www.w3schools.com/html/html_intro.asp
• http://www.w3schools.com/default.asp
• http://www.webmonkey.com/2010/02/html_cheatsheet/
• http://www.davesite.com/webstation/html/ (very commercial)
![Page 3: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/3.jpg)
Basic web page structure
<html>
<head>
<title>A page title</title>
</head>
<body>
(body of web page)
</body>
</html>
![Page 4: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/4.jpg)
Some basic HTML tags
For sub-headings:
<h1>heading</h1> Recognized are headings h1-h6
h1 is largest, h6 is smallest.
Changing emphasis:
<b> (bold)
<big>
<em> (emphasis)
<i> (italic)
<small>
<strike>
<strong>
<tt> (teletype font)
<u> (underline)
![Page 5: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/5.jpg)
A few more simple HTML tags
<a href=”...”> </a> used for links
<br> breaks a line.
<center> .... </center>
<dl> <!-- definition list -->
<dt>term</dt>
<dd>definition</dd> <!-- repeatable -->
</dl>
<font face=”<name>” size=”nr” color=”x“>...</font>
<hr width=”x%” size=”n” /> (width, size are optional)
<p align=”left/right/center”>.....</p>
![Page 6: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/6.jpg)
Unordered lists
<ul> or <ul type=”disc”> or <ul type =”circle”>
<li>List item</li>
<li>List item</li>
.
.
</ul> Notes:
Can place lists inside lists It is a good idea to place a <br> before and after
![Page 7: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/7.jpg)
Ordered Lists
Similar syntax to unordered lists, but are numbered/lettered. Start at 1 unless otherwise indicated. Elements indicated by <li>/</li> pairs as usual. Variants:
<ol> numbered
<ol type=”a”> lettered a. b. …
<ol type=”A”> lettered A. B. …
<ol type=”i”> lowercase roman numerals
<ol type=”I”> Capital roman numerals
Add start=”number” if need special start. Example:
<ol type=”a” start=”3”> will label the items c d e ...
![Page 8: How to create Web Pages. Some relevant websites ????](https://reader036.vdocument.in/reader036/viewer/2022083008/56649f285503460f94c409d4/html5/thumbnails/8.jpg)
Tables
<table>
<tr>
<th>Heading</th><th>Heading></th>.....
</tr>
<tr>
<td>data</td><td>data</td>...
</tr>
…
</table> Can add attributes border= cellspacing= cellpadding= to table
tag. Values in pixels. (if no border attribute, table will not have a border).