Web中的html基础知识

更新时间:2023-12-13 14:33:01 阅读量: 教育文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

HTML

一、完整的html代码

注:可加标题

二、html(超文本标记语言):是Internet上用于设计网页的主要内容。

注:html只是一种标记语言,标记里面不能有空格 ·网页格式 .html 或 .htm

·


单标记 作用:出现一条分割线 ·
单标记 作用:换行 ·  作用:空格

·align 作用:水平对齐方式(left左对齐;right右对齐;center水平居中)

·valign 作用:垂直对齐方式(适用于表格) top顶端对齐 middle居中 bottom底端对齐

·background 作用:背景图片(background=\) ·bordercolor 作用:边框线颜色

·bgcolor 作用:背景颜色

·alt 作用:提示信息(鼠标放上去显示) ·

        双标记   作用:格式不变(预格式化),即显示效果和它一样 

·

双标记 作用:表示段落 ·

· 双标记 作用:字体设置 (设置字体颜色要用它,不能直接在

设置)

· 双标记 作用:上标(多用于数学公式) · 双标记 作用:下标(多用于数学公式) · 双标记 作用:下划线 · 双标记 作用:倾斜 · 双标记 作用:加粗 · 双标记 作用:滚动字幕

属性名:direction 值 up(文本流从下到上) down(从上到下) left(从右到左) right(从左到右) behavior 值 默认时为循环滚动 scroll 循环滚动 alternate 来回交替滚动 onmouseover=this.stop() 鼠标在这,停下 onmouseout=this.start() 鼠标移开,继续滚动

例:

文字

(效果为\文字\从下到上循环滚动,鼠标放上去停下,鼠标移开继续滚动)

三、html文件的整体结构(文件头部内容和文件主体内容)及文字与段落

(1) 设置文件的标题 (2)设置页面关键字

例:

注:此代码表示在该html文件中,定义的关键字为\计算机、英语、职场\当利用搜索引擎搜索图书时,输入任何一个关键字都 可以搜索到该网页

(3)设置页面背景----bgcolor (4)添加删除线 例:窗前明月光 显示效果:

(5)插入特殊符号

代码: 显示出的符号:

&或& & © ? ™ ? ® ? ¥ ¥ § § (6)设置文字标注标记

基本语法: 显示效果: 被说明的文字 文字的标注

四、建立和使用列表(2013.09.16)见笔记相关练习 1.定义列表

名称说明 显示效果:

名称说明 ...

2.插入无序列表 circle圆 square方

    文字 文字 ...

    显示效果:

    3.插入有序列表(默认为1,2,3...) A a I i

      文字 文字 ...

    显示效果:4.嵌套定义列表

    名称说明说明说明 ... 名称说明说明说明 ... ...

    5.嵌套有序与无序列表(见笔记2013.09.16) 例1:无序列表中嵌套有序列表 水果类

      苹果 香蕉 桔子

    例2:有序列表中嵌套无序列表

      创建站点

        Dreamweaver的工作界面 新建站点 编辑网页 上传网站

    五、超级链接(2013.09.17) 1.相对路径

    (1) 相对路径 弹出新窗口

    (2) 链接上一层目录 ../ 先输 ../ 再输文件名(要加扩展名)

    (1)

    (2) 在跳转的地方,超级链接改成 4.热点

    rect 表示矩形区域 cirde 表示椭圆区域 poly 表示多边形区域 coords

    1.矩形:(左上角顶点坐标为(x1,y1)右下角顶点坐标为(x2,y2))

    2.圆形:(圆心坐标(x1,y1)半径为r)

    3.多边形:(各顶点坐标依次为(x1,y1)(x2,y2)...)经常用到

    Dreamweaver8-chs软件工具

    六、表格的应用(2013.09.24) 1.创建表格的基本语法

        ... ...

    所以:创建表格必须有三段标记 例:

    博文视点

    博文视点,好书不断

       

       

    2.(1)设置表格标题 双标记

    标题

     

    (2)设置表格表头 双标记 作用:自动加粗,突显出来

    表头 表头

        (3)表格标记属性 width--表格的宽度

    border--表格的边框属性(用于设置边框的粗细) (4)表格边框线合二为一 例:

     

    (5)表格背景bgcolor(单元格,行,列 颜色都可用,只需放对地方) 例:

    (3)框架集属性设置 边框显示不显示

    边框颜色(建立在边框显示的基础上)

    (了解)显不显示框架滚动条--scrolling 默认显示 3.设置框架中的超级链接(2013.10.14)

    在.标签中使用target目标窗口属性 name=\显示的窗口名\要点:(1)在框架集中(即主页)设置框架的name属性

    (2)链接设置中,设置target属性,其值为指定令其内容变动的框架名称

    4.浮动式框架 双标记

    注:它可以嵌入在网页的任意部分(即可放在) 而必须放在之间