实验1、html页面

实验1、html页面


要实现如下界面:
实验1、html页面
代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>实验1、html页面</title>
</head>

<body>
	<h3>常用站点</h3><p>
	<a href="https://www.ifeng.com/">凤凰</a><p>
	<a href="https://www.sina.com.cn/">新浪</a><p>
	<a href="https://www.sohu.com/">搜狐</a><p>
	<a href="https://www.baidu.com/">百度</a><p>
	<h1>Web前端开发</h1><p></p>
	<h2>HTML</h2>
	<p>超文本标记语言,用于构建网页结构,定义网页包括的内容。</p>
	<Hr>
		<TABLE BORDER>
			<TR>
				<td><h2>水果</h2></td>
			</TR>
			<tR>
			<td><OL>
			<LI><font color="blue">苹果</font></LI>	
			<LI><font color="blue">梨子</font></LI>
			<LI><font color="blue">香蕉</font></LI>
			<LI><font color="blue">草莓</font></LI>
			</OL></td>
			</tR>
		</TABLE>	
			
</body>
</html>

笔记一:超链接

<a href="...">XX</a><p>
其中,…表示一个网址的链接,XX表示你给这个网址的名字,
<a href="https://www.ifeng.com/">凤凰</a>显现出来 凤凰

笔记二:表格

<table> 标签来定义表格。trtd
意思是tr,r=row代表一行,td,d=data表示一列,一行可以划分为多列,标签tr里可包含多个td

<table border>
<td>
<tr>第一行第一列</tr>
<tr>第一行第二列</tr>
</td>
<td>
<tr>第二行第一列</tr>
<tr>第二行第二列</tr>
</td>
</table>

笔记三:有序无序列表

有序列表标签ol,o=order(有序)

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

无序列表标签ul,u=unorder(无序)

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

实验1、html页面
有序无序指前面有没有数字

笔记四:ccs颜色

<font color="blue">字体会是蓝色</fobt>

字体会是蓝色

上一篇:王添宝4.12黄金 白银原油 TD 美原油今日行情分析操作


下一篇:信息安全实践_实验二-CSS