IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 利用HTML制作简易新闻网站的静态网页 -> 正文阅读

[JavaScript知识库]利用HTML制作简易新闻网站的静态网页

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
	</head>
	<body>
	</body>
</html>
<h1>这是一个新闻网站</h1>
<h1>登录页面</h1>
<form>
	账号:<input type="text" name="user" />
	</br>
	密码:<input type="password" name="password" />
	</br>
	<input type="submit" value="登录" >
</form>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新闻</title>
	</head>
	<body>
		<h1>这是一个新闻网站</h1>
	</body>
</html>
<table border="1">
	<tr>
		<td>
			<h3>国内新闻:</h3>
		</td>
		<td>
			<h3>热点新闻:</h3>
				<table border="1">
					<tr>
						<td>疫情下的中国:何时结束这场闹剧?</td>
					</tr>
					<tr>
						<td>马斯克:星链改变世界格局!</td>
					</tr>
				</table>
		</td>
		
	</tr>
	<tr>
		<td><h3><a href="world.html">国际:</a></h3></td>
		<td>
			<h3>焦点新闻:</h3>
			<table border="1">
				<tr>
					<td>震惊:发现外星人!</td>
				</tr>
				<tr>
					<td>中国进入发达国家行列</td>
				</tr>
			</table>
		</td>
	</tr>
<table>

<html>
<head>
	<meta charset="utf-8">
	<title>新闻</title>
</head>
<body>
	<h1 id="top">这是一个新闻网站</h1>
	<table border="1">
		<tr>
			<td><a href="#hubei">湖北新闻</a></td>
			<td><a href="#wuhan">武汉新闻</a></td>
		</tr>
	</table>
	<table border="1" id="hubei">
		<tr>
			<td><h2>湖北新闻/h2></td>
		</tr>
		<tr>
			<td><span>2022/04/23</span></td>
		</tr>
			<td>
				<p>新华日报报道<br/>武汉长江大桥的壮美景色</p>
				<img src="E:\YYW\武汉大桥1.jpg" alt=""><br/>
				<img src="E:\YYW\武汉大桥2.jpg" alt="">
			</td>
		</tr>
	</table>
	<table border="1" id="wuhan">
		<tr>
			<td><h2>武汉新闻</h2></td>
		</tr>
		<tr>
			<td><span>2022/04/26</span></td>
		</tr>
		<tr>
			<td>
				<p>武汉学报报道<br/>武汉大桥的美景</p>
				<img src="E:\YYW\武汉大桥1.jpg" alt=""><br/>
					<img src="E:\YYW\武汉大桥2.jpg" alt="">
				</td>
			</td>
		</tr>
	</table>
	<a href="#top">回到顶部</a>
</body>
</html>

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-24 09:20:29  更:2022-04-24 09:20:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 0:49:28-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码