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. 函数的学习3——传递任意数量的实参&将函数存储在模块——参考Python编程从入门到实践

    传递任意数量的实参 形参前加一个 * ,Python会创建一个已形参为名的空元组,将所有收到的值都放到这个元组中: def make_pizza(*toppings): print("\nM ...

  2. 【IDEA使用技巧】(1) —— 快捷键

    1.InteliJ IDEA设置快捷键 1.1. IDEA快捷键修改—代码提示 IDEA中当现有的快捷键被系统中其他软件(比如输入法)占用时,我们可以自定义修改快捷键.比如,IDEA中的代码自动提示快 ...

  3. MediaPlayer的prepareAsync不回调onPrepared问题

    一.问题排查 debug调试的framework日志信息: 根据日志,进入MediaPlayer的framework层看源码 STEP 1 先从 V/MediaPlayerNative: constr ...

  4. 「APIO2016」烟花表演

    「APIO2016」烟花表演 解题思路 又是一道 solpe trick 题,观察出图像变化后不找一些性质还是挺难做的. 首先令 \(dp[u][i]\) 为节点 \(u\) 极其子树所有叶子到 \( ...

  5. go 学习笔记(3) 基础结构

    package main import ( "fmt" ) const NAME string = "imooc" var a string = "慕 ...

  6. Centos Consul集群及Acl配置

    一,准备工作 准备四台centos服务器,三台用于consul server 高可用集群,一台用于consul client作服务注册及健康检查.架构如下图所示 二,在四台服务器上安装consul 1 ...

  7. idea 自动生产 api文档

    第一: 打开idea,选择项目.点击工具栏 Tools->Generate JavaDOC 第二: 主要分为三部分内容. 1,Generate JavaDoc scope 要扫描生成api的范围 ...

  8. SQL 基本概念、通用语法与分类

    一.SQL 概念  1.什么是 SQL Structured  Query Language 结构化查询语句 2.SQL 作用 (1)是一种所有关系型数据库的查询规范,不同的数据库都支持. (2)通用 ...

  9. 解决Vivado XSDK在Ubuntu系统上自带UART Terminal Crash问题

    在Ubuntu 18.04 LTS系统上使用某些版本的Vivado XSDK的Eclipse IDE中自带的串口Terminal会有Crash的问题.Xilinx的XSDK的Terminal插件是用的 ...

  10. 【大数据技术能力提升_2】numpy学习

    numpy学习 标签(空格分隔): numpy python 数据类型 5种类型:布尔值(bool),整数(int),无符号整数(uint).浮点(float).复数(complex) 支持的原始类型 ...