实验1、html页面
要实现如下界面:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/812a41b77812f4ecaab5fcc5f4888148.png)
代码如下:
<!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>
标签来定义表格。tr
,td
意思是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>
有序无序指前面有没有数字
笔记四:ccs颜色
<font color="blue">字体会是蓝色</fobt>
字体会是蓝色