L01
Text format 文字样式
<html>
<head>
<title>this is the title</title>
</head>
<body>
<!--Text format 文字样式-->
<p>This is a paragraph</p>
<p>Another<br>
paragraph</p>
<hr>
<p>yet another<br>
<br>
paragraph</p>
<p>a b<c>d</p>
<blockquote>
<p>q1</p>
</blockquote>
<hr>
Before the pre<br>
<pre>
Mary
had
a
little
lamb
</pre>
after the pre<br>
<hr>
<code>
a = 0;
b = 3;
c = 3;
sum = a + b + c;
</code>
</body>
</html>
Images and Urls 图片和链接
<html>
<head>
<title>this is the title</title>
</head>
<body>
<!--Images and Urls 图片和链接-->
<hr>
<img src="https://www.bing.com/rp/ytiieusXgM2K8bLkEDP-AS1ePds.png" height="14" width="14" alt=""bing chat logo>
<br>
<a href="https://www.uow.eud.au" target="_blank">Visit UOW</a>
<hr>
</body>
</html>
Lists and Tables 列表和表格
<html>
<head>
<title>this is the title</title>
</head>
<body>
<!--Lists and Tables 列表和表格-->
<ul>
<li>MATH222: Mon 8:30-10:30 lecture</li>
<li>CSCI204: Tue 9:30-11:30 lab</li>
<li>ISIT206: Wed 8:30-10:30 lecture</li>
</ul>
<ol>
<li>MATH222: Mon 8:30-10:30 lecture</li>
<li>CSCI204: Tue 9:30-11:30 lab</li>
<li>ISIT206: Wed 8:30-10:30 lecture</li>
</ol>
My timetable:
<dl>
<dt>MATH222</dt>
<dd>Mon 8:30-10:30 lecture</dd>
<dt>CSCI204</dt>
<dd>Tue 9:30-11:30 lab</dd>
<dt>ISIT206</dt>
<dd>Wed 8:30-10:30 lecture</dd>
</dl>
<table border="1" width="50%">
<tr>
<th>Username</th>
<th>First name</th>
<th>Last name</th>
</tr>
<tr>
<td>jsmith</td>
<td>John</td>
<td>Smith</td>
</tr>
<tr>
<td>mlee</td>
<td>Mary</td>
<td>Lee</td>
</tr>
</table>
<table border="1" width="40%">
<tr>
<td colspan="2">STUDENT DETAILS</td>
</tr>
<tr>
<td width="30%">STUDENT NAME</td>
<td>John Lee</td>
</tr>
<tr>
<td>STUDENT NUMBER</td>
<td>1234567</td>
</tr>
<tr>
<td>UOW EMAIL</td>
<td>jlee@uowmail.edu.au</td>
</tr>
</table>
</body>
</html>
Comments 注释
<html>
<head>
<title>this is the title</title>
</head>
<body>
<!--Comments 注释-->
<!-- this is
a long comment
it will not be displayed on the web page
-->
<hr>
</body>
</html>
Form 表单
<html>
<head>
<title>this is the title</title>
</head>
<body>
<!--Form 表单-->
<form>
Username:
<input type="text" name="username" size="20"><br>
Password:
<input type="password" name="pwd" size="20"><br>
</form>
<hr>
<form>
<input type="checkbox" name="aa" value="AA">aa<br>
<input type="checkbox" name="bb" value="BB">bb<br>
</form>
<hr>
<form>
<input type="radio" name="gender" value="male">male<br>
<input type="radio" name="gender" value="female">female<br>
</form>
<hr>
<form>
Select Day:<br>
<select name="day" multiple>
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option value="wed">Wednesday</option>
<option value="thu">Thursday</option>
<option value="fri">Friday</option>
<option value="sat">Saturday</option>
<option value="sun">Sunday</option>
</select>
</form>
<hr>
<form>
Enter your comment:<br>
<textarea name="comment" rows="5" cols="20"></textarea><br>
<input type="submit" value="Login">
<input type="reset" value="Reset Form">
</form>
</body>
</html>
评论已关闭