你的位置:首页 > 软件开发 > 网页设计 > 网页入门

网页入门

发布时间:2016-02-08 18:00:19
今天就是一个网页的入门,说实话我不太想当前端工程师。因为 那些东西 不会按照我的想法来实现对应的效果。我只想做一个大概。我想做后端开发。如果能是服务器端就很happy。如果能有 android的部分 就很happy。 然后现在就只是单单来写一些对应属性就好:1 ...

今天就是一个网页的入门,说实话我不太想当前端工程师。因为 那些东西 不会按照我的想法来实现对应的效果。我只想做一个大概。我想做后端开发。如果能是服务器端就很happy。如果能有 android的部分 就很happy。

 

然后现在就只是单单来写一些对应属性就好:

1、基本属性:

<font> 字体标签,在里面对应可以写一些字体样式,颜色,大小的属性</font>

<br/>回车换行

<i>斜体字效果</i>

<u>下划线效果</u>

20<sup>2</sup>可以用来显示20的平方这样一个效果

H<sub>2</sub>O   可以用来显示水分子这样一个效果

<s>删除线,或者称之为贯穿线</s>

<p align="left">

段落具有自动换行的属性,我们添加了一个 向左对齐的方式。

</p>

<p align="center">

本段落居中对齐

</p>

<img src='/images/loading.gif' data-original="文件路径" width = "宽度"  height="高度" title="当鼠标悬于此图片之上时,显示的内容"   border="图片边框的粗细">

 

2、超级链接

超级链接这个标签采用 <a></a> anchor 锚点的意思代表 这里是一个链接操作,href是其中的属性,代表我们将会取得地方,这对标签之间可以添加对应的内容。

(1)文本链接

(2)图片链接

(3)页内链接

(1)

标签之间的内容如果是文本的话就是 文本链接

<a name = "跳转接收位置" >hello</a> <br/>

<a href ="链接1.html">相册</a>

<a href ="链接2.html">说说</a>

<a href ="没有定好的位置就先写#">日志</a>

<a href ="#表示当前页">留言板</a>

<a href ="#">个人中心</a>

<a href ="3">系统设置</a>

(2)

标签之间的内容如果是图片的话就是 图片链接

<a href="index.html" ><img src='/images/loading.gif' data-original="图片资源路径" width="图片的款" height="图片的高"></a>

(3)

页内链接,单击此链接回到当前页的对应位置

<a href="#">如果只是个#号就回到页面最顶端</a>回到当前页最顶端

<a href="#跳转接受位置">如果href后面跟了#号并且#后面是某一个标签儿元素的name的值,那么就会跳转到对应位置</a>

 

3、Image与map的组合使用:

<img src ="planets.gif"  usemap ="#planetmap" />

 

<map id ="planetmap">

 <area shape ="rect" coords ="0,0,82,126" href ="sun.htm"  />

 <area shape ="circle" coords ="90,58,3" href ="mercur.htm"  />

 <area shape ="circle" coords ="124,58,8" href ="venus.htm"  />

</map>

这是人家官方文档里面的例子,注意的是google chrome 和360 都不支持 只能用ie显示,我也不知道 我的ie的版本是多少。Wow!竟然是 11竟然是版本号 11.

 

 

这算是做成了老师没弄出来的东西。

 

4、滚动区域

同样的这个 属性在360里面被屏蔽了,不能显示,但是在ie里面是可以显示的。

<marquee  behavior="alternate" direction="up" bgcolor="blue" height="200" width="200">

滚动区域

</marquee>

这个属性老师讲解的还是 比较清楚。就不太多赘述了

直接复制一个靠谱的 示例就可以了

<marquee> ... </marquee>

<marquee>移动文字!</marquee> 

方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦,我从右向左移!</marquee> <P>

原标题:网页入门

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录