用html如何制作一个简单的网页代码?

用html如何制作一个简单的网页代码?,第1张

1、首先,在计算机桌面上创建一个新文件夹,然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档,如下图所示,我们编写一个简单的html代码。

3、单击“另存为”的功能选项,显示默认保存为编码为ANSI。

4、我们将更改编码和文件名,将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹,发现有一个额外的html文件。

6、最后,使用浏览器打开html文件,效果如图所示,简单的网页被成功编写。

AI是一种矢量图形的格式,而HTML是超文本标记语言,在HTML中实现矢量图有四种可能性:1.使用flash,将你的ai转成flash。然后在网页中引用flash.2.使用silverligth,将你的ai转成相应用silverlight,然后引用。3.使用SVG,将你的ai直接写成SVG图片,这个可以在图形处理软件中存为svg就可以了!但对于浏览器的支持多少,不太好说。最后就是直接再用SVG写一遍。4.使用VML,该种方法只存在于 IE浏览器中,使用VML将你的ai重写一遍。当然,如果你不在乎图形的损失,可以将其转入图象,也就是转成位图形式,在位图下,你生成图片让浏览器进行引用就可以了!至于使用jpg还是gif还是bmp,你随意!否则就要根据图象使用色彩数量,图片大小等各种因素考虑,将图片在尽可能损失较小的情况下,生成占用空间最小的图片!

现在以HBuilder工具编写为例:

1. 打开此工具,在项目管理器中右键单击创建一个web 项目

2.右键单击项目名称,新建一个HTML文件----form01.html

<!DOCTYPE html>

<!--

    作者:offline

    时间:2017-01-06

    描述:form表单

    

    在form标签中,有两个经常使用的属性

    action:表单提交服务器地址

    method: 表单提交的方法/方式----get/post

                    其他提交方式---put delete

            提交方式----get(默认的提交方式)

            1.请求的参数放到地址栏中

            2.不安全

            3.存在缓存

            4.传输数据的大小收到限制

            提交方式----post

            1.请求的参数放到http协议中

            2.相对安全---账号密码等信息不会放到地址栏中

            3.没有缓存

            4.传输数据的大小限制较小

                 修改成post之后,可能会出现错误信息。

    input标签:定义输入字段,用户可在其中输入数据。

           属性:

           type 指示 input标签的类型,默认的是text

                            按钮类型: 普通按钮 button 重置按钮 Reset  提交按钮 submit

           value 定义要显示的文本。

-->

<html>

    <head>

        <meta charset="utf-8">

        <title>form表单1</title>

    </head>

    <body>

         <form action="" method="post">

             <input type="text" name="username" value="zhangsan" />

             <input type="submit" value="提交" />

         </form>

    </body>

</html>

3.查看此网页是不是HTML5,主要看表头

4.HTML5新增了很多新内容,具体可以查看API,例如:在网页中嵌套音频/视频文件的格式


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6171073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存