html教程(html教程菜鸟教程css)
html网页制作教程
html是编程语言之一。下面,我们来看看html网页制作教程吧。
01
新建记事本
在桌面上,新建一张记事本,如下图所示:
02
编写代码
打开记事本,编写代码,如下图所示:
03
修改后缀名
把记事本修改后缀名为.html,如下图所示:
04
网页
在桌面上就会有一张网页,如下图所示:
05
运行网页
最后在浏览器上运行该网页,如下图所示:
html5零基础入门教程
1、离线存储
HTML 5可以让你的WEB应用程序离线也能运行,它提供了一个称作“应用程序缓存”的离线存储功能,因此即使当用户离线,浏览器仍然能够访问到它所需的文件。这些文件可以是HM, CSS,Javascript或者其它任何网页运行所需要的文件。
2、拖拽功能
HTML 5提供了可以用来设计交互应用程序的本地拖拽功能,通过这个特性你可以拖动任何元素然后把它放到你想放到地方。
3、地理位置定位技术
HTML 5的地理位置定位API可以让你与所信任的网站分享你当前的位置信息,当然,隐私问题是这特性所主要考虑的,W3. org声明:浏览器在没有用户许可的情况下不允许私自向网站发送用户的地理位置信息。
比如一位用户使用Firefox浏览器访问了一个实现地理位置定位技术的网页,浏览器会向用户询问是否共享他的地理位置信息,如果用户同意,Firefox会收集附近无线接入点和访问者IP地址信息,并把这些信息发送到默认设定的Google地理位置服务,处理之后的位置信息将会发送给用户访问的这个网站。
4、音频和视频
当前的HML缺少在页面中嵌入多媒体文件的特性,因此多媒体文件的嵌入需要使用各种的插件。比如FLASH被广泛地用来嵌入音频和视频文件。现在可以非常方便地使用HTML5提供的audio和video标签,而不用任何插件。
5、表单输入
HTML5提供了几个新的表单input类型,像弹出日历,调色板,数字输入框等等。这些可以创建拥有更好的输入控制和验证的高效表单。
实例教程:HTML中会移动的文字
我们在浏览页面的时候,会看到在页面上移动的文字,文字的移动方向有从左到右、从右到左、从上到下、从下到上等。下面,我们来看看如何使用HTML代码编写会移动的文字吧。
工具/材料
HTML
语法代码
(1)一般使用marquee/marquee来设置移动文字,比如我们编写如下代码:
(2)marquee会移动的文字/marquee
预览效果可以发现编写在marquee/marquee标签内的文字,会从右边到左边循环移动,如下图所示:
文字移动速度
(1)使用scrollamount来设置文字的移动速度,比如我们编写如下所示代码:
marquee scrollamount=16快点,快点/marquee
marquee scrollamount=12等等我/marquee
(2)预览效果
可以看到scrollamount的数值越大,移动的速度就会越快,如下图所示:
设置文字移动的方向
(1)direction在英文上是方向的意思,同样使用direction来设置文字的移动方向,方向可以设置为左、右、上、下等等,编写如下代码:
marquee direction=left文字从右边向左边/marquee P
marquee direction=right从左边向右边移/marquee
(2)预览效果
可以看到当direction=left时,文字从右边向左边,当direction=right时,文字从左边向右边,如下图所示:
文字循环的次数
(1)一般来说文字是默认无限次循环的,下面,我们来看看如何指定文字的循环次数吧。使用loop来设置文字的循环次数,比如编写代码如下:
marquee loop=3 文字只会循环三次/marquee
(2)预览效果
可以在浏览器上看到,文字只会循环三次,如下图所示:
文字对齐
在HTML中的文字对齐功能,使用align属性来设置,属性值可以为top、Middle、button,比如我们编写如下所示的代码:
(2)预览效果
然后在浏览器中预览效果,可以看到文字向上对齐,如下图所示:
移动面积
(1)设置会移动的文字范围,比如文字在长为多少,宽为多少的区域内移动,比如我们编写如下代码:
marquee height=40 width=50% bgcolor=pink在区域内移动的文字/marquee
(2)预览效果
在浏览器中可以看到文字在高为40,宽为浏览器一半的区域内移动,且区域的颜色为粉红色,如下图所示:
延时
(1)设置文字的运行速度,让文字可以时而快,时而慢地做运动,编写代码如下所示:
(2)预览效果
在浏览器中预览效果,可以看到文字先做快速度,然后做慢速度,如下图所示: