实验1、html页面

最新推荐文章于 2022-10-25 01:24:13 发布

欢迎来到对抗路

最新推荐文章于 2022-10-25 01:24:13 发布

阅读量313

点赞数

本文链接：https://blog.csdn.net/weixin_46458146/article/details/115428898

版权

HTML 超链接表格列表 CSS颜色

关键词由CSDN通过智能技术生成

实验1、html页面

笔记一：超链接
- 笔记二：表格
- - 笔记三：有序无序列表
  - - 笔记四：ccs颜色

要实现如下界面：

代码如下：

<!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>

字体会是蓝色

欢迎来到对抗路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实验1、html页面

实验1、html页面笔记一：超链接笔记二：表格笔记三：有序无序列表笔记四：ccs颜色要实现如下界面：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>实验1、html页面</title></head><body> <h3>常用站点</h3><p> <a href="https
复制链接

扫一扫