Fzu-html1
Fzu-趣考网-前端1
html
题目：
- 使用html写出h1~h6六种格式的hello world
- 使用html的table标签制作一个表格，存储本学期专业课程（参考教务处课表）
- 使用html的script输出hello world
- 使用html的字符实体输出一段简单的html代码。
- 写一个跳转到百度搜索的链接（或许也可以嵌入在网页中）
效果图：
代码
<!DOCTYPE>
<html>
<head>
<meta charset="utr-8">
<title> Fzu-趣考网-前端1(demon) </title>
</head>
<body>
<h1 align="center"><font color="red"> hello world </font></h1>
<h2 align="center"><font color="yellow"> hello world </font></h2>
<h3 align="center"><font color="green"> hello world </font></h3>
<h4 align="center" ><font color="cyan"> hello world </font></h4>
<h5 align="center"><font color="blue"> hello world </font></h5>
<hr>
<h4 align="center"> 2018-2019第二学期 </h4>
<table border="1" align="center">
<tr>
<th>课程名称</th>
<th>修习情况</th>
</tr>
<tr>
<td>局域网技术试验</td>
<td>正常</td>
</tr>
……
……
……
<tr>
<td>体育(四)</td>
<td>正常</td>
</tr>
<tr>
<td colspan = "2" align=center>hello world</td>
</tr>
</table>
<hr>
<script type = "text/javascript">
document.write("hello world!")
</script>
<hr>
<p>
< !DOCTYPE html >
<p>
< html >
<p>
< head >
<p>
< meta charset= " utf-8 " >
<p>
< title > 趣考网 < /title >
<p>
< /head >
<p>
< /html >
<hr>
<p><a href=""https://www.baidu.com/> 百度链接 </a>
<hr>
<p id="demon">
hello world
</p>
<script>
function test()
{
document.getElementById("demon").innerHTML="你好，趣考网！";
}
</script>
<button type="button" onclick="test()">click me</button>
<hr>
<p id="p1">hello world</p>
<script src="demo_async.js" async></script>
</body>
</html>
收获：
1.初步了解了html的语法，以及接触些JavaScript
2.有很多点还是操作困难，得一直百度
3.布局是个很import的点，但是很难把握，以我这种直男审美。
4.html是页面的基础，css是页面的美观，js是页面的操作。---（个人觉得）
Fzu-html1的更多相关文章
- FZU 2137 奇异字符串 后缀树组+RMQ
题目连接:http://acm.fzu.edu.cn/problem.php?pid=2137 题解: 枚举x位置,向左右延伸计算答案 如何计算答案:对字符串建立SA,那么对于想双延伸的长度L,假如有 ...
- FZU 1914 单调队列
题目链接:http://acm.fzu.edu.cn/problem.php?pid=1914 题意: 给出一个数列,如果它的前i(1<=i<=n)项和都是正的,那么这个数列是正的,问这个 ...
- ACM: FZU 2105 Digits Count - 位运算的线段树【黑科技福利】
FZU 2105 Digits Count Time Limit:10000MS Memory Limit:262144KB 64bit IO Format:%I64d & ...
- FZU 2112 并查集、欧拉通路
原题:http://acm.fzu.edu.cn/problem.php?pid=2112 首先是,票上没有提到的点是不需要去的. 然后我们先考虑这个图有几个连通分量,我们可以用一个并查集来维护,假设 ...
- sublime-生成html1.0
文件--新建--输入--html:xt--CTRL+E.生成html1.0
- ACM: FZU 2107 Hua Rong Dao - DFS - 暴力
FZU 2107 Hua Rong Dao Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I6 ...
- ACM: FZU 2112 Tickets - 欧拉回路 - 并查集
FZU 2112 Tickets Time Limit:3000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u P ...
- ACM: FZU 2102 Solve equation - 手速题
FZU 2102 Solve equation Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & ...
- ACM: FZU 2110 Star - 数学几何 - 水题
FZU 2110 Star Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Pr ...
- FZU 2150 Fire Game
Fire Game Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Submit St ...
随机推荐
- Java基础笔试练习（十二）
1.(C#.JAVA)扩展方法能访问被扩展对象的public成员 A.能 B.不能 答案: A 解析: 翻译一下,子类方法是否能够访问父类中的public成员. 2.如果子类要调用父类的构造函数,则通 ...
- 17.Python略有小成(包,logging模块)
Python(包,logging模块) 一.包 什么是包 官网解释 : 包是一种通过使用'.模块名'来组织python模块名称空间的方式 , 具体来讲 , 包就是一个包含有__ init __.py文 ...
- 14.Python略有小成(自由模块)
Python(模块) 一.模块定义与分类 我们说一个函数就是一个功能,那么把一些常用的函数放在一个py文件中,这个文件就称之为模块,模块,就是一些列常用功能的集合体,模块就是文件,存放一堆常用的函 ...
- 解决python中的Non-UTF-8 code starting with ‘\xbs4’ in file错误
出现错误如下图: 主要原因为编辑python脚本使用的编辑器编码有问题.我使用的编辑器是notepad++,由于没有做Python语言编辑配置,默认使用的是ANSI编码(右下角位置有编码格式),如下: ...
- SpringCloud入门使用
目的: 1.springcloud简介 入门案例 2.注册中心eureka springcloud简介 推荐一个springcloud讲解详细的博客:https://blog.csdn.net/qq3 ...
- CF449E Jzzhu and Squares
题目大意:有一个$n\times m$的方格图,求其中所有的格点正方形完整包含的小方格个数,多组询问.$n,m\leqslant 10^6$ 题解:令$n\leqslant m$.有一个显然的式子:$ ...
- 使用springboot实现一个简单的restful crud——03、前端页面、管理员登陆(注销)功能
前言 这一篇我们就先引入前端页面和相关的静态资源,再做一下管理员的登陆和注销的功能,为后续在页面上操作数据做一个基础. 前端页面 前端的页面是我从网上找的一个基于Bootstrap 的dashboar ...
- apache-httpd代理请求，selinux造成503问题的解决方法
NameVirtualHost *:80 <VirtualHost *:80> ServerName test.baidu.com ProxyPreserveHost on ProxyPa ...
- 【转载】JVM结构、GC工作机制详解
文章主要分为以下四个部分 JVM结构.内存分配.垃圾回收算法.垃圾收集器.下面我们一一来看. 一.JVM结构 根据<java虚拟机规范>规定,JVM的基本结构一般如下图所示: 从左图可知, ...
- Programming Principles and Practice Using C++ Notes2
第三章对象.类型和值 对象:用来保存一个指定类型值的一些内存单元. 类型:定义一组可能的值与一组运算(对于一个对象). 值:根据一个类型来解释的内存中的一组比特. #include <iostr ...