第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