个人网站主页html5(个人网站主页源码)

程序开发 124
本篇文章给大家谈谈个人网站主页html5,以及个人网站主页源码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 如何用HTML5制作网页 现在以HBuilder工具编写为例: 1. 打开此工具,在项目管理器中右键单击创建一个web 项目 2.右键单击项目名称,新建一个HTML文件----form01.html!DOCTYPE html!--    作者:offline

本篇文章给大家谈谈个人网站主页html5,以及个人网站主页源码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

如何用HTML5制作网页

现在以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"

        titleform表单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,例如:在网页中嵌套音频/视频文件的格式

怎样个人网页制作,制作个人主页(仅适合新手)

有了自己的个人网站

,全世界的人都可以随时找到你,你也可以向全世界宣传下自己,是非常有意义和有意思的。现在简单介绍一下制作个人网站的过程和方法:

一、准备材料

你首先做一个小计划,准备在个人主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照,那就将你的照片扫描成JPG格式的文件,放在myself的目录下. 要注意,网上只能使用JPG和GIF两种图象格式,其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换,比如Office 97的照片编辑器。把你准备在你个人主页上出现的图象放进相应的目录里后,你就可以开始制作个人主页了。

二、开始制作

你无须去记复杂的HTML语言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页,你先写上“大家好,我是superboy,下面是我的照片:”这时要放图片了,只须点击Insert菜单,选取Image,在Choosefile里选取你的图象文件即可,然后把这个文件保存为myself.html文件,放在myself的目录下。好,现在必须做封面了,你在封面写:“欢迎来到superboy的主页”以下是“自我介绍,我的爱好,我的工作”。你的自我介绍要链接到下一页去,你只须用鼠标选“自我介绍”后按鼠标右键 ,再选create link,然后再选你myself目录下的myself.html,就将“自我介绍”链接到下一页了,以后在浏览器中一按,就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后,记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的个人主页主页名称是index.制作主页其实很简单,只要多实际制作,工多艺熟。还可以拿来主义,在网上看到什么好的个人主页主页,用另存为功能保存为.html格式的文件,细细研究人家是如何做的。还可以借用网页模版来搞。

三、将你制作好的个人网页安放在网上 要在网上安你自己的家,你必须先申请一个个人网页空间或个人网页服务器

,即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间,具体见实用链接栏目。这些主机不仅提供免费个人主页空间,并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可,具体方法,参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!

HTML5+css3个人主页,要求要描点,怎么操作?

对于个人主页来说还是很简单的。主要是素材容易准备。html5+CSS3的描点其实与普通的描点方式是一样的

如何用HTML语法制作个人主页

现在的个人主页一般已经不只用HTML来编写了,但是作为网页的最基础内容,还是需要学的,毕竟并不难。你自己在网上搜索一下HTML就可以找到一大堆的教程了,大部分大同小异。

在学HTML之前,建议你用即看即得的网页编辑器,如DreamWeaver, frontpage等,先做一个简单的页面。在形成一个对网页制作的初步印象后再学网页背后的代码。

学了HTML后再继续用网页编辑器做一个更复杂一点的网页,这样你就可以进代码模式看网页背后的代码了。这时你已经可以看懂大多数HTML代码了,不懂的可以通过搜索找到答案。

然后,你可以接着学脚本,可网页的图像设计方面等等,慢慢向高级进阶。

怎么用html5制作个人主页

总体把页面一分为二,header是包含在article里面的,页脚部分是单独的一块儿。大致结构获悉了后再从局部入手,header部分,有主标题、副标题、还有作者署名,前面我们讲过,如果除了主标题,还有一个副标题,那可以把这两个标题写在一个hgroup元素中。如果除了主标题之外,还有其他内容,比如内容摘要、发表时间、作者、图片或者小标题链接等,那就应该把他们放在一个 header元素中。

header

hgroup

h1给个人博客增加色彩元素提升网站用户体验/h1

h2网页的色彩——决定用户是否驻足停留的关键/h2

/hgroup

p class="4ddce150f3d91bc4 Byline"design by DanceSmile/p

/header

接下来是文章正文部分:

部分代码:

div class="e150f3d91bc42809 Content"

p第一眼看到杨青个人博客网站的时候,如果你喜欢.../p

...

/div

正文当中还有一幅插图,html5新增加了插图这个figure语义元素,figcaption不是只能包含文本,任何html元素都可以,比如链接、小图标。figcaption包含了对图片的完整说明,所以alt文本就显得多于了,这种情况下,可以把img元素中的alt属性删除:

figure

img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"

figcaption图片来源:腾讯CDC《浅析网页色彩应用》/figcaption

/figure

最后在把上面的代码写在article里面。

footer部分只是一些简单的页脚信息。

关于个人网站主页html5和个人网站主页源码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

个人网站主页html5 个人网站主页怎么设计个人网站主页源码个人网站主页模板个人网站主页的简介个人网站主页如何设计两个表格个人网站主页包含什么内容个人网站主页面设计个人网站主页制作个人网站主页图片个人网站主页背景图
扫码二维码