可以详细说明一下如何做网页么?

2024-12-06 07:58:34
推荐回答(5个)
回答1:

HTML网页制作
一、 一般格式


……


……


网页或主页的扩展名采用.htm 或 .html
URL:通用资源定位点
http://www.sohu.com
基本格式:HOW://WHO/Where/What
HOW:网络协议 如HTTP FTP RTSP PNM MMS MMST
WHO:计算机名称 如www.sohu.com 域名 IP地址
WHERE:在计算机上位置
WHAT:网页名称

二、 HTML基本语法
1、 标记
<标记> 文本
如: …
2、 标记属性:有些属性可自定义
如:…
3、 主体标记
background="URL" 背景图案
bgcolor=color 背景颜色
bgproperties=fixed 网页滚动时,背景图案不滚动
leftmargin=n 左边距
Link=color 超链接颜色
Alink=color 选中时超链接颜色
Text=color 文本颜色
Topmargin=n 上边距
Vlink=color 已访问过的超链接颜色
>
三、 编辑网页正文
1、 划分段落

……


对齐属性: left right center


属性:clear ="属性值"( right left all ) 文本在图像周围停止转行
……不换行
2、 插入标题
…… ?:1-6

一级标题


…… 在head中使用,指明文件标题
3、 使用链接
链接源
URL:HTML文件、图形文件、文本文件、声音文件、
电影文件、URL(需加http://)、Email地址(需加mailto:)
页内跳转:定义锚点
链接至锚点 链接源
链接源
指明在什么窗口中打开
4、 插入声音
loop=…> 循环播放次数(-1或infinite,表示无限循环)
5、 插入图像
alt="文本"
align="对齐属性" :left, right,center
top 图像的顶部与文本或图像的底部对齐
middle, 图像的中间与文本或图像的底部对齐
bottom, 图像的底部与文本或图像的底部对齐
absmiddle,absbottom
lowsrc="图像":该处指定的小图像在SRC指定的图像前被装入。(预览图像)
width=n 图像的宽度,以像素为单位
height=n 图像的高度,以像素为单位
vspace=n 图像的垂直间隔
hspace=n 图像的水平间隔
border=n 图像的边框
6、 文本对齐
……

对齐属性: left right center
……

……
预格式化文本(保留行结束符与空格)
7、 插入注释

……
8、 映射区域 (用于某图片上)


……




shape:区域形状,如rect ,circle , poly
coords:取区域的坐标值
shape若为rect 则取左上角与右下角坐标
shape若为 circle 则取圆心坐标及半径
shape若为 poly 各顶点坐标
href:单击区域后的URL
9、 插入描述语言

src指明了脚本程序所在的文件
插入一个java小程序
嵌入一些控件对象
指定程序的参数
四、 装饰网页
1、 标题属性
标题内容
left right center
2、 文本字体
A、 字号属性
基准字号: n:0-7
……
+n:增大n号
-n:减小n号
n :n号
B、 颜色属性

……
C、 字体属性
……
D、 文本修饰
…… 加粗
…… 突出(加粗)
…… 倾斜
…… 突出(倾斜)
…… 下划线
…… 打字机字体
…… 上标
…… 下标
…… 字增大
…… 字减小
…… 划线
特殊字符
字符引用:基本形式"&#数字" < < > >
实体名称引用:基本形式"&英文字母" < < > >  
" " "
& & &
£ £ 镑
© © 版权
® ® 注册商标
± ± 加减号
² ² 上标2
¼ ¼ 四分之一
½ ½ 二分之一
÷ 除号
3、 插入水平线







X:left,right,center


五、 列表
1、 编号列表



  1. ……



  • n:1---n 对该项及后继项起作用
  • X: A ,a,I,i,1 对某一表项
      X: A ,a,I,i,1 对整个列表
        n:1---n

        2、 无编号列表



        • ……



      1. X: Disc,Circle,Square
        3、 定义列表 (前面无各种符号)



        ……



        定义术语(向左)
        定义内容(向右)
        4、 列表嵌套
        各种列表嵌套标记不能交错。

        六、 运用表格
        1、 创建表格:
        步骤:(1)创建一行
        (2)将行分成多列
        (3)在形成的单元格内插入数据




        ……





        ……



        ………………
        ………………

        多行




        ……





        ……





        ……


        ………………
        ………………
        ………………

        2、 修饰表头

        …… 表头居中以粗体表示
        ……
        ……
        ……

        3、 表格标题
        标题内容
        Where:Bottom,Top
        可放于……
        内的任意位置
        4、 对齐表格内容
        X:left,right,center 水平方向对齐
        X:top,bottom,middle 垂直方向对齐
        5、 行列合并
        Rows:合并行数,即同列内合并
        Cols:合并列数,即同行内合并
        6、 表格属性
        A、 边框大小: n:0-n
        B、 表格宽度:
        n: n个像素,n%的宽度
        C、 表格背景色及背景图片


        D、 行的属性
        left,right,center
        top,middle,bottom


        E、 单元格属性:
        单元格高度
        单元格宽度 n与n%(占表格宽度)


        单元格间的间距
        表单元边线至内容间的间距
        七、 框架
        在框架结构中无标记,而使用标记,允许嵌套
        rows=… 垂直方向上的几行,可使用像素、*和百分比
        cols=… 水平方向上的几列,可使用像素、*和百分比
        framespacing= … 窗口间的空间
        border= > 边框粗细

        src=URL 显示内容
        name=… 命名,用于
        marginwidth=… 左右边距
        marginheight=… 上下边距
        scrolling=… YES、NO或AUTO ,是否有滚动条
        noresize> 禁止改变大小

        提供备用文档,用于不支持frame的浏览器


        八、 表单技术
        1、 基本结构
        ……


        URL:负责处理数据的应用程序的URL
        ……
        表单结果送至Web服务器
        清除内容后,可重新输入

        2、 表单要素
        A、 文字与口令
        Size=n value=…>
        type="text" 文字框
        name="…" ASP、CGI程序所需符号名
        Maxlength=n 最长的字符数
        Size=n 文本框的大小
        value=… 初始值
        Size=n value=…>
        type="password" 密码框
        B、 多行文本框

        C、 复选框

        checked 表示选中状态
        D、 命令按钮


        普通按钮
        定制提交按钮,返回值为当前指针的坐标
        E、 隐藏数据

        F、 单选按钮

        G、 列表框


        size=n 列表框大小
        multiple 允许多项选择