HTML day02(html列表与菜单的制作)
<html><head><title>成绩单</title></head><body><h3 align="center">成绩单</h3><table border="1px" bordercolor="green" background="./images/bg2.gif" width="374" height="122" cellpadding="28" cellspacing="0" align="center"><tr><td color="red">科目</td><td>英语</td><td>数学</td><td>语文</td><td>物理</td><td>化学</td></tr><tr><td>张三</td><td>80</td><td>100</td><td>89</td><td>90</td><td>99</td></tr><tr><td>李四</td><td>78</td><td>96</td><td>95</td><td>87</td><td>86</td></tr><tr><td>赵武</td><td>88</td><td>89</td><td>90</td><td>90</td><td>91</td></tr><tr><td>王柳</td><td>85</td><td>87</td><td>87</td><td>89</td><td>90</td></tr></table></body> </html>
<html><head><title>有序列表</title></head><body>
<h3>百度热门搜索</h3> <ol> <li type="1"> <a href="http://www.jisutiyu.com/live/cctv/" target="block">cctv在线直播</a></li> <li type="1"> <a href="http://www.4399.com/" target="block">4399小游戏</a></li> <li type="1"> <a href="https://www.taobao.com/" target="block">淘宝网</a></li> <li type="1"> <a href="http://p.37gogo.com/s/1/650/5025.html?uid=2078411" target="block">轩辕剑</a></li> <li type="1"> <a href="http://v.qq.com/detail/1/11563.html" target="block">中国好声音</a></li> <li type="1"> <a href="http://tv.sohu.com/s2014/rgwan/" target="block">胜女的代价</a></li> <li type="1"> <a href="http://www.siluke.info/0/19/19838/" target="block">武动乾坤</a></li> <li type="1"> <a href="http://www.youku.com/" target="block">优酷</a></li> <li type="1"> <a href="http://baike.baidu.com/link?url=XBZgeqZ8FXQYmehoGlPIn0KGDMJDO0R-e28pCubHMQ1li54OYqNWx8heTWB9WawWJRetQUVT0wBwm83RShO94iCN3xDZmG2fTHE8PWi9rDu" target="block">爱情公寓</a></li> <li type="1"> <a href="http://www.iqiyi.com/a_19rrhb3xvl.html?vfm=2008_aldbd" target="block">海贼王</a></li> </ol> </body> </html>
<html><head><title>搜狐热点新闻</title></head><body><p>搜狐热点新闻</P><hr size="3" width="380px" color="#158010" align="left"/><ul><li><a href="搜狐.html" target="block">铁道部千万天价宣传片调查:张艺谋酬劳250万</a></li><li>中国失独问题调查:不解决是对人民不负责</li><li>海军副司令:全国人民请放心 海军必不辱使命</li><li>国内最赚钱炼油厂巨亏 员工羞于穿工作服上街</li><li>北京公交车在闹市行驶中起火 纵火犯被抓</li><li>韩国反朝名人欲诉中国政府 称在华遭严刑逼供</li><li>20多位神秘人50万放生万条红鱼 市民争相垂钓</li><li>晨报:朝鲜黑马爆冷夺冠 称感谢金正日赐力量</li></ul><p>   <a href="http://baidu.com">百度一下</a></p></body> </html>
<html><head><title>搜狐新闻</title>
</head><body background="./images/bg2.gif"><strong><font size="6" face="宋体"><center>铁道部千万天价宣传片调查:张艺谋酬劳250万 </center></font></strong><br/><p font size="5" face="宋体" align="left">  2012年07月30日01:00 来源:经济参考报 作者:周宁</p><hr/><p>[提要] 2009年,铁道部拟邀请张艺谋导演拍摄名为中国铁路的宣传片,并通过北京新时刻影视文化发展有限公司找到张艺谋。同年9月9日,张艺谋同意委托北京新时刻影视 文化发展有限公司拍摄制作这部宣传片。张艺谋分两次收取250万元的酬劳是否缴税?税务部门显示:张艺谋前后两次分别缴纳个人所得税47.3万元和70.5万元。张艺谋表示,他将全面配合,接受监督。</p><img src="./images/flower1.jpg" width="220px" height="165px"/><p font size="5" face="宋体"><strong>内部人士透露,1850万投资中700余万成了回扣。</strong></font></p><p>  审计署不久前公布的铁道部2011年度预算执行情况和其他财政收支情况审计结果显示,铁道部在未按规定公开招标的情况下,投资1850万元制作片头署名“张艺谋导演”的《中国铁路》宣传片,引发社会强烈关注。随着事件不断发酵,铁道部、张艺谋和宣传片的制作公司饱受公众质疑。</p><p>  宣传片摄制的来龙去脉如何?张艺谋是否担任该片导演并收取费用?1850万元投资背后有哪些不为人知的秘密?这一事件对我们有何警示《经济参考报》记者对张艺谋导演、铁道部、北京新时刻影视文化发展有限公司等当事各方展开调查,揭开“天价《中国铁路》宣传片事件”内幕。</p><p font size="5" face="宋体"><strong>总投资从1550万元升至1850万元</strong></font></p><p>  《经济参考报》记者了解到,2009年,铁道部拟邀请张艺谋导演拍摄名为“和谐铁路”(后改名“中国铁路”)的宣传片,并通过北京新时刻影视文化发展有限公司找到张艺谋。同年9月9日,张艺谋同意委托北京新时刻影视文化发展有限公司拍摄制作这部宣传片。据参与该片拍摄的北京新时刻影视文化发展有限公司内部人士透露,该公司未经投标便从铁道部获得宣传片的投资款,“点名让张艺谋拍摄,便通过我公司直接找到他”。</p><p>  经记者核实,北京新时刻影视文化发展有限公司成立于2007年3月,法定代表人张震燕,主要从事文化艺术交流活动和信息咨询,经营期限至2027年。拿到张艺谋亲笔授权后,北京新时刻影视文化发展有限公司于2009年10月与铁道部直属事业单位“铁道影视音像中心”签订“《和谐铁路》宣传片委托摄制协议”。</p><a href="搜狐新闻.html" target="block"><center>返回列表</center></a></body> </html>
1.无序列表
格式: <ul>
<li type=“disc”>…</li> disc:实心圆点
<li type=“circle”>…</li> circle:空心圆圈
<li type=“square”>…</li> square:实心方块
</ul>
2.有序列表
格式: <ol>
<li type=“a”>…</li> 序列号:a,b,c...
<li type=“i”>…</li> 序列号:i,ii...
<li type=“1”>…</li> 序列号:1,2,3...
</ol>
3.自定义列表
格式: <dl>
<dt>…</dt>
<dd>…</dd>
<dt>…</dt>
<dd>…</dd>
</dl>
注意:根据文档的具体要求,列表可以嵌套使用。
4.1在网页中插入图像
格式: <img src=“图片来源“ />
4.2图像标记属性及功能
src=“url” 通过url给出图像来源的位置,不可缺省
width=“size” 设置图像宽度
height=“size” 设置图像高度
alt=“txt” 设置在图像未载入前图片位置显示的文字
border=“size” 设置图像边框,缺省为0
align=“alignstyle” 设置对齐方式,取值为:top,middle,bottom,left,center,right
hspace=“size” 设置图片左右边沿空白
vspace=“size” 设置图片上下边沿空白
5.超链接
格式:<a href="链接目标的位置">...</a>
href=“url” 给定链接目标的位置
name 插入一个锚点
target=“” 设置显示链接文件的目标 _blank,_self
转载于:https://www.cnblogs.com/kylyww/p/5221846.html
HTML day02(html列表与菜单的制作)相关推荐
- HTML+CSS实战(一)——导航条菜单的制作
一.垂直导航菜单的制作 1.基本的样式清除: *{margin:0;padding:0} 2.无序列表圆点去除: ul{list-style:none} 3.下划线去除: a{text-decorat ...
- 前端案例 - 导航条菜单的制作
每个网站都包含导航条菜单,在此做一些 HTML 和 CSS 基础回顾. 本文主要跟随课程完成导航栏菜单的制作,课程来源 imooc导航条菜单的制作. 推荐学习前端的朋友可以看看,简简单单一个小课程,对 ...
- 网页前端:导航菜单的制作
文章目录 前言 具体操作 总结 前言 实验目的: (1)掌握有序列表和无序列表,在导航菜单中的工作过程: (2)导航菜单能够根据鼠标的悬浮进行样式的变化. 实验内容: 根据要求完成以下网页菜单: 1. ...
- jQuery easyUI--下拉菜单的制作
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>下拉菜 ...
- 绑定dictionary 给定关键字不再字典中_VBA数组与字典解决方案第51讲:字典嵌套及二级下拉菜单的制作...
大家好,今日我们继续讲解VBA数组与字典解决方案,今日讲解第51讲:对字典嵌套的理解及二级下拉菜单的制作. 在讲字典的时候,我反复说明,字典看视非常简单,由于它具有直达性可以省略去我们大量的循环查找代 ...
- 绑定dictionary 给定关键字不再字典中_对字典嵌套的理解及二级下拉菜单的制作...
大家好,今日我们继续讲解VBA数组与字典解决方案,今日讲解第51讲:对字典嵌套的理解及二级下拉菜单的制作. 在讲字典的时候,我反复说明,字典看视非常简单,由于它具有直达性可以省略去我们大量的循环查找代 ...
- 根据用户id查询菜单列表(菜单权限问题)
根据用户id查询菜单列表(菜单权限问题): 最高级用户菜单效果图: 较低级别用户菜单效果图: SQL语句分析图: 根据用户id查询对应菜单(权限)SQL语句: SELECT * FROM user_r ...
- 导航栏 下拉菜单的制作
导航栏 , 下拉菜单的制作 代码示范 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
- Excel下拉菜单如何制作?
在做EXCEL表格时,经常会遇到多项下拉,进行下拉菜单选项,既免去了大量的时间,还不容易输入错误,那么应该如何操作呢? 例如:需要为每个员工制作部门的下拉选项按钮 **Step1:**选择需要输入下拉 ...
- java递归把list菜单列表转为菜单树
java递归把列表转为菜单树 菜单实体类 package com.utils.menu;import java.util.List;public class Menu {private String ...
最新文章
- 下载oracle修复补丁下载,Oracle数据库修复工具下载_FROMBYTE Reconstructor for Oracle官方版下载[修复软件]-下载之家...
- 趋势科技全球首席安全官ED:人类迈向智能社会进程中不能失去掌控力
- [教程]MongoDB 从入门到进阶 (User系统)
- 利用python进行数据分析 英文-如何学习和评价《利用python进行数据分析》这本书?...
- IDEA中Project 和 Module的区别
- 如何突破JAVA程序员的分水岭
- Vue采用input实现文件上传与删除
- 吐槽贴:用ELECTRA、ALBERT之前,你真的了解它们吗?
- mysql 自动生成mapper_自动生成实体类、Mapper、Mapper.xml文件
- c语言头文件格式图片_c语言中的.h头文件的格式
- python房子代码_基于python的链家小区房价爬取——仅需60行代码!
- java异常应用_Java异常处理机制 —— 深入理解与开发应用
- Android中类似Linux下ldd分析可执行文件和动态库对库的依赖
- 64位plsql和64位Oracle客户端安装以及注册,内含百度云资源
- [zigbee][z-Stack]协议栈简介及工作流程
- 基于vue的网页标尺辅助线工具(vue-ruler-tool)
- 分布式,嵌入式,集群三种操作系统
- 如何用计算机直接做工资表,超简单一招!用Excel十秒快速制作工资条
- java double输出 lf_为什么double类型输入(scanf)用%lf,输出(printf)用%f?
- 自己的微信竟然延迟接收消息了,这是什么情况?
热门文章
- html中label中的for属性
- IF YOU HAVE A NEW LICENSE, PLEASE UPDATE IT
- VS2010 C# 调用Web Service
- 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_3-4.动态Sql语句Mybaties SqlProvider...
- 阶段3 1.Mybatis_06.使用Mybatis完成DAO层的开发_3 Mybatis中编写dao实现类的使用-修改删除等其他操作...
- myBatis之入门示例
- 【GStreamer开发】GStreamer基础教程05——集成GUI工具
- javascript给类添加的方法
- java笔记:SpringSecurity应用(二)
- MyBaties入门