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 ...
随机推荐
- go 疑难杂症
func Test_doSeond(t *testing.T) { msg := make([]Msg, 0) for i := 0; i < 5; i++ { m := Msg{ data: ...
- 小程序的组件插槽使用slot===以及小程序多个插槽使用方法 三步骤
===================== 小程序多个插槽使用方法 三步骤 小程序多个插槽第一步 小程序组件内使用多个插槽第二部 小程序使用多个插槽第三部
- ORACLE链接SQLSERVER数据库数据操作函数范例
ORACLE链接SQLSERVER数据库数据操作函数范例 create or replace function FUN_NAME(LS_DJBH IN varchar2 ,LS_ITM varchar ...
- Oracle——无法在查询中执行 DML 操作
今天在调用Oracle Function遇到一个异常
- java之hibernate之多对多双向关联映射
1.比如在权限管理中,角色和权限之间的关系就是多对多的关系,表结构为: 2.类结构 Role.java public class Role implements Serializable{ priva ...
- java第四次面试总结
该公司没有笔试,直接就进行了面试,然后我就拿着我的简历瑟瑟发抖...... 1.因为是看简历来面试,所以面试官从我的项目下手,而我的项目都是后端的东西,虽然学过一些前端,但是项目里并没有用到任何jav ...
- 【阿里云开发】- 搭建和卸载svn服务器
Subversion(SVN) 是一个开源的版本控制系統, 也就是说 Subversion 管理着随时间改变的数据. 这些数据放置在一个中央资料档案库(repository) 中.这个档案库很像一个普 ...
- Vue异步加载高德地图API
项目中用到了高德地图的API以及UI组件库,因为是直接把引入script写在index.html中,项目打包后运行在服务器,用浏览器访问加载第一次时会非常慢,主要原因是加载高德地图相关的js(近一分钟 ...
- vue 全局挂载组件
<!-- plugin.js --> import someComponent from './components/someComponent' export default { ins ...
- web前端布局HTML+CSS
1.W3C标准 万维网联盟(外语缩写:W3C)标准不是某一个标准,而是一系列标准的集合.网页主要由三部分组成:结构(Structure).表现(Presentation)和行为(Behavior).万 ...