alt="图片说明" 能在网页html文件里能修改吗,第01章HTML网页制作.ppt

第01章HTML网页制作

思路:“锄禾”-〉先无特殊符号,发现各句间隔很小-〉再插入空格,尖括号等 例子:1-2-1--5.html * 区别:center,div center, p center 有何区别 例子:1-2-1--6-对齐.html * 作用:强调突出文字 例子:1-2-1--7-文字移动.html * 思路:

->
->

-> (不换行,用滚动条拖动) 新加nobr,pre 例子:1-2-1--8-行的控制.html * 列表可包含文本,也可包含其他列表和列表单元,因此,列表单元允许嵌套 无序列表:Ul 有序列表:ol * Type,compact属性均不推荐使用,可用样式替代 由li定义列表项 例子:1-2-2--1-无序列表.html * 注意使用type属性和start属性,定义序号类型和起始个数 例子:1-2-2--2-有序列表.html * 又称词汇列表 行中断和缩排会自动产生 可以是单标记,也可以是双标记,结果一样 注:ie浏览器能正确显示缩进,firefox显示的不一样 例子:1-2-2--3-定义列表.html * pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 标签)放到

 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。  例子:1-2-3--1-预格式.html * 思路:图片(无属性-〉alt-〉width-〉height-〉border-〉hspace/vspace-〉align right) 注:alt属性,音乐用ie可显示 embed两个浏览器均不能播放 例子:1-2-4--1-图片.html, 1-2-4--2-音乐.html, 1-2-4--3-视频.html * 思路:概念(url->相对路径、绝对路径、物理路径)-〉基本形式-〉链接类型(文本(内部(强调相对地址)、外部)、图片、锚点链接、电子邮件、热区)  例子:1-2-5--1.html ~ 1-2-5--8.html  url(uniform resource locator):同意资源定位符:web页的地址。 组成:协议(http://表示取回的是html文档)、目的地址、端口号、路径  绝对路径:完整地址,不受参照物的影响。 对于本机上的文件来说既是以盘符开头的(c:/),也就是物理地址;对于网页来说以http开头的就是绝对地址。  相对地址:同一个文件,参照物如果不同,则相对地址会不同。上一级目录../,下一级目录/。  物理路径:某一台计算机本地的路径,以盘符开头,例如C:\  对于制作链接:如果仅在本机创建的服务器运行,那么采用任何地址都可以;如果须在他人计算机中运行,则需使用相对路径  热区:三种形状;circle(圆形)、rect(方形)、poly(多边形) * 1-2-6--1-水平线.html * 一个表元中使用的标记不能持续作用到其他单元,即如果要在一个表元中间放一个双标记,那么一定要在表元结束之前,结束这个双标记  * 思路:普通表格table,td-〉表行tr-〉表数据td->边框属性(如border,非三维的无阴影细线)-〉表头th-〉空单元格td(有无 的情况)-〉合并表元colspan,rowspan->标题caption-〉垂直表格  例子:1-2-7--1-表格.html * 思路:注册信息:(文本输入text-〉密码输入password-〉单选框radio->复选框checkbox->列表框select->上传文件-〉多行文本框输入textarea-〉Hiden控件-〉按钮button,submit,reset,image 例子:1-2-8--1-表单.html  表单作用:实现用户与web服务器交互的方式。  用途:HTML 表单用于搜集不同类型的用户输入,如文本、单选框、复选框、下拉列表等。 * option主要用于显示select的列表项 * 垂直框架-〉水平框架-〉混合结构框架 例子:1-2-9-框架  注意:frameset不可放在body中 2。混合框架时,rows属性必须有两个值 * 1.2.2 列表(续) 有序列表 语法: 
说明: TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、“I”,它是用来控制强调符风格的属性,五个值分别对应数字、小写字母、大写字母、小写罗马数字、大写罗马数字。START属性是一个数字,表示从第几个数字(字母)开始计数。C
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE html> <html> <head> <meta charset=&quot;utf-8&quot; /> <meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;> <title>daohanglan</title> <style type=&quot;text/css&quot;> nav { width: 960px; margin: 0 auto; /*定义导航宽度,水平居中*/ } nav ul { list-style: none; /*去掉列表符号*/ } nav ul li { float: left; /*水平排列*/ position: relative; /*父级元素相对定位*/ } nav ul li ul { position: absolute; /*子元素绝对定位*/ display: none; /*默认情况下不显示*/ left: 0; /*子元素相对父元素,left:0位置显示,二级菜单和上级一级菜单项左对齐*/ } nav ul li:hover ul { display: block; /*鼠标放上去,显示下拉菜单*/ } nav a:link, a:visited { /*定义菜单项样式*/ width: 191px; display: block; padding: 10px 0; text-decoration: none; background-color: #c11136; margin-right: 1px; color: #FFF; text-align: center; } nav a:hover { background-color: #F00; } </style> </head> <body> <nav> <ul> <li><a href=&quot;#&quot;>首页</a></li> <li><a href=&quot;#&quot;>电影</a> <ul> <li><a href=&quot;#&quot;>新上映</a></li> <li><a href=&quot;#&quot;>华语</a></li> <li><a href=&quot;#&quot;>欧美</a></li> <li><a href=&quot;#&quot;>日韩</a></li> <li><a href=&quot;#&quot;>电影排行榜</a></li> </ul> </li> <li><a href=&quot;#&quot;>音乐</a> <ul> <li><a href=&quot;#&quot;>新歌首播</a></li> <li><a href=&quot;#&quot;>华语</a></li> <li><a href=&quot;#&quot;>欧美</a></li> <li><a href=&quot;#&quot;>日韩</a></li> <li><a href=&quot;#&quot;>音乐排行榜</a></li> </ul> </li> <li><a href=&quot;#&quot;>科技</a> <ul> <li><a href=&quot;#&quot;>互联网</a></li> <li><a href=&quot;#&quot;>IT业界</a></li> <li><a href=&quot;#&quot;>移动互联</a></li> </ul> </li> <li><a href=&quot;#&quot;>财经</a> <ul> <li><a href=&quot;#&quot;>财经快讯</a></li> <li><a href=&quot;#&quot;>证券要闻</a></li> <li><a href=&quot;#&quot;>财经专题</a></li> </ul> </li> </ul> </nav> </body> </html>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值