Fzu-趣考网-前端1

html

题目：

  1. 使用html写出h1~h6六种格式的hello world
  2. 使用html的table标签制作一个表格，存储本学期专业课程（参考教务处课表）
  3. 使用html的script输出hello world
  4. 使用html的字符实体输出一段简单的html代码。
  5. 写一个跳转到百度搜索的链接（或许也可以嵌入在网页中）

效果图：







代码

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

	&lt !DOCTYPE html &gt

<p>

	&lt html &gt

<p>

	&lt head &gt

<p>

	&lt meta charset= &quot utf-8 &quot &gt

<p>

	&lt title &gt 趣考网 &lt /title &gt

<p>

	&lt /head &gt

<p>

	&lt /html &gt

<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的更多相关文章

  1. FZU 2137 奇异字符串 后缀树组+RMQ

    题目连接:http://acm.fzu.edu.cn/problem.php?pid=2137 题解: 枚举x位置,向左右延伸计算答案 如何计算答案:对字符串建立SA,那么对于想双延伸的长度L,假如有 ...

  2. FZU 1914 单调队列

    题目链接:http://acm.fzu.edu.cn/problem.php?pid=1914 题意: 给出一个数列,如果它的前i(1<=i<=n)项和都是正的,那么这个数列是正的,问这个 ...

  3. ACM: FZU 2105 Digits Count - 位运算的线段树【黑科技福利】

     FZU 2105  Digits Count Time Limit:10000MS     Memory Limit:262144KB     64bit IO Format:%I64d & ...

  4. FZU 2112 并查集、欧拉通路

    原题:http://acm.fzu.edu.cn/problem.php?pid=2112 首先是,票上没有提到的点是不需要去的. 然后我们先考虑这个图有几个连通分量,我们可以用一个并查集来维护,假设 ...

  5. sublime-生成html1.0

    文件--新建--输入--html:xt--CTRL+E.生成html1.0

  6. ACM: FZU 2107 Hua Rong Dao - DFS - 暴力

    FZU 2107 Hua Rong Dao Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I6 ...

  7. ACM: FZU 2112 Tickets - 欧拉回路 - 并查集

     FZU 2112 Tickets Time Limit:3000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u P ...

  8. ACM: FZU 2102 Solve equation - 手速题

     FZU 2102   Solve equation Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & ...

  9. ACM: FZU 2110 Star - 数学几何 - 水题

     FZU 2110  Star Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u  Pr ...

  10. FZU 2150 Fire Game

    Fire Game Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format:%I64d & %I64u Submit St ...

随机推荐

  1. bootstrap.min.css.map作用

    我先说一下什么是source map文件. source map文件是js文件压缩后,文件的变量名替换对应.变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下. 比如压缩后 ...

  2. Django-02-django的命令行工具

    django-admin.py 是Django的一个用于管理任务的命令行工具,manage.py是对django-admin.py的简单包装,每一个Django Project里都会有一个mannag ...

  3. SpringCloud之Zuul网关简介、映射vs过滤配置使用

    目的: Zuul路由网关简介及基本使用 Zuul路由映射配置 Zuul请求过滤配置 Zuul路由网关简介及基本使用 Zuul简介: Zuul是从设备和网站到Netflix流应用程序后端的所有请求的前门 ...

  4. bootstrap Modal或者 bootbox弹窗时，页面混动至顶部

    bootstrap使用Modal时,页面自动滚动至了最顶部, 调用bootbox时,也是如此 查了半天资料,最后参考下述帖子,解决问题 https://stackoverflow.com/questi ...

  5. tkinter学习笔记_05

    10.菜单 menuber import tkinter as tk root = tk.Tk() root.title("xxx") root.geometry('200x100 ...

  6. JDBC使用8.0驱动包连接mysql设置时区serverTimezone

    驱动包用的是新版 mysql-connector-java-8.0.16.jar新版的驱动类改成了com.mysql.cj.jdbc.Driver新版驱动连接url也有所改动I.指定时区 如果不设置时 ...

  7. 【转】Redis 基础操作和命令

    笔记 Redis提供了六种基本的数据结构:String,Hash,List,Set,Sorted Set,HyperLogLog. Redis的特点:纯内存操作,单线程工作模型,非阻塞I/O多路复用. ...

  8. java之struts2之类型转换

    在使用servlet开发中,表单中提交的数据到servlet后都是字符串类型,需要程序员手动进行类型转换. 但是到struts2后,基本数据类型struts2都可以转换.但是如果是自定义类型,stru ...

  9. Cookie中的HttpOnly

    1.什么是HttpOnly? 如果您在cookie中设置了HttpOnly属性,那么通过js脚本将无法读取到cookie信息,这样能有效的防止XSS攻击,具体一点的介绍请google进行搜索 2.ja ...

  10. 关于Eclipse导入maven项目报空指针异常

    今天新建了一个maven项目,因为是通过公司的工具新建的,代码拉下来就有src.pom.xml文件. 导入Eclipse却报空指针异常.具体如下: An error has occurred. See ...