网页制作基础:各种元素解析

        终于步入正轨,开始制作网页了。对于现在的我而言,制作一些大型网站的静态网页也是很痛苦的一件事情,但是,罗马不是一天修成的,尤其是这个工作,必须靠日常的积累以及灵活的思维。同时我现在就感受到了一个特团队的重要性,如果做一个网页大家能够分工合作将会变得轻松很多。好了废话不多说,下面就进入正题,谈谈制作一个网页也就是一个XHTML文档常用的一些元素用法。

         要制作一个网页,首先<html><head><title></title></head><body></body></html>是必不可少的,先写起再说。其中><title></title>里面填写的内容会是浏览器打开后,选项卡里面的内容。<head></head>里面可以添加CSS层叠样式表等东西我们不作讨论。<body></body>里面就是一个网页的全部内容了,里面可以使用的元素很多我们就来看几个典型的常用的。

         首先是文档的标题“<h></h>"就跟word文档的标题一样,我们可以选择其大小,方法就是h后面加数字从1到6,文字大小依次减小,重要程度也是。

         定义一个段落我们用p元素”<p></p>",段落的定义就不用解释了吧。

         列表元素比较重要,分为三种不同类型的列表:有序列表:ol;无序列表:ul;定义列表:dl;ol和ul的子元素都是Li且只能嵌套li:<ol><li></li></ol>;<ul><li></li></ul>;li里面输入内容;Li可以有多个,如果是ul那么Li里面的内容显示出来就是从上往下排列,切左边有个小圆点。如果是ol有序的那么左边就是有***。dl下面有子元素dt和dd效果如图所示:网页制作基础:各种元素解析

      pre元素可以让<pre></pre>里面的内容在源文件中怎么写的 怎么排的版,就在浏览器中一模一样的显示出来。

      我们以后最常用的还是div元素,这个元素占用一排的空间,它属于块级元素可以定义高和宽的概念。

      超链接元素a,<a herf=""></a>,在herf里面输入目标地址,点击它就可以跳转到目标地址。a元素还可以用作锚点,方法就是在一个地方写上<a name=""></a>,随便输个name,在你想要跳转的地方(通常是底部)输入<a herf=""></a>,herf里卖弄为刚刚输的name,那么点击这个a标签就可以跳回写<a name=""></a>那个地方了。

      在网页中插入图片用<img src="图片路径" alt="" />,如果图片无法显示,那么就会显示alt里面的内容。

      做一个表格用tabel,tabel下面使用tr和td,tr表示一个行,tr里面嵌套的td表示这个行的单元格数,有多少个td这行就有多少格。tr里面嵌套th为表格的标题。th和td可以使用colspan来合并行单元格。rowspan来合并列单元格:<th colspan="2" rowspan="3">表示th向右合并2个单元格,向下合并3个单元格。

      还有表单元素form,如果元素都初一同一个form内,那么可以用input元素控制他们的行为,可以达到输入文本,提交重置等行为。里面还能嵌套复选框,文本框等。可以采集和提交用户输入的数据,主要用于登陆和注册界面。

转载于:https://my.oschina.net/Ztachi/blog/180733