DHTML【2】--HTML

    通过题目,大家已经明确知道,从这一节开始介绍DHTML中的最基础的部分HTML,对于HTML等概念上一节已经做了概述,这一节不再赘余。在学习HTML之前,先告诉大家一个好消息,HTML不难,比C++、Java等语言的面向对象简单很多,并且你也不用安装庞大的Eclipse和Visual Studio,只要有浏览器就可以运行,哈哈哈,慢慢得意去吧,当然你也会慢慢发现的。

    HTML是DHTML中最基础的部分,也是DHTML中最先出现的内容,因为只有有了HTML标签内容,DOM才会产生DOM树,因为现在没有学这些就不再提了,我们就从最简单的开始。

 为了体验HTML的神奇,你可以打开一个记事本程序,然后在里面写如下代码:

<html>

<head>

</head>

<body>

Hello HTML!

</body>

</html>

写完代码保存,然后把文件的扩展名改为html,不知道什么是扩展名的可以绕过啊,最后用你的浏览器打开这个文件,奇迹便出现了,你制作滴属于你自己的第一个网页就出来了,当然只有一句Hello HTML,不要急,毕竟出来了,良好的开端便是成功的一半。

    简单的说完了,下面就该介绍难一点的了,先不忙,工欲善其事必先利器,打开上一节给大家共享的HTML帮助文档。我给大家分享的是HTML5的帮助文档,HTML5是一个非常强大的标记性语言,在这里学习HTML用也可以。

    打开目录会发现,全是标签,没错,全是标签,这未免也太简单了吧,没错就是这么简单,再牛逼的网站都是这些标签组成的,所以牛人和你用的是一套标签,只是牛人比你更有思想,那么怎么才能有牛人的思想呢?那就学习呗,学习完了再想,没学想也是白想。

     我这里主要介绍常用的标签,不常用的标签大家自己看帮助文档自己体验吧,太简单了。

    如上图,其实上图是一个简单的DOM树结构,深层次的就不提了,上面的标签黄色的就不介绍了,主要让读者自己探索,接下来我就开始介绍紫色的标签。

    由上图我们就可以看出来,HTML代码分为两部分,一部分是HEAD(头),一部分是BODY(身体),各自有各自的子节点,HEAD的Style节点主要用于嵌入CSS样式的,这里先不介绍,以后介绍CSS时一起介绍,Script节点主要是嵌入Javascript脚本的,当然也可以嵌入其他脚本,但是这里只介绍Javascript脚本,因为Javascript越来越火了,因为它的存在后续又诞生了很多更好技术,像Jquery和Ajax等了,所以Script节点这里也不介绍饿了,等以后介绍Javascript时一起介绍。

    那么介绍这些标签该从哪个开始介绍呢?从最底层的开始吧,因为没有最底层的东东,介绍Div比较抽象,由于篇幅问题,本节只介绍Table。

在学习之前先看一下Table标签的层次的结构,上图就有。Table标签是干什么用的呢?Table是用来定义表格。在标签内部,你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。其实早期的网站,为了看起来非常直观工整,都是用Table标签做的。下面我们按着上图的层次结构把代码写下来:

 

<table>

<tbody>

    <tr>

       <th></th><th></th><th></th>

</tr>

</tbody>

<tbody>

    <tr>

       <td></td><td></td><td></td>

</tr>

</tbody>

</table>

    从代码我们可以看出,tr代表一行,th和td代表的都是单元格,而非列,th和td到底有什么区别呢?试试就知道了,那么tbody是什么作用呢?tbody有一个非常贴心的作用就是,如果我们不加tbody,tbody会默认加到table标签内,那样的话,当我们打开一个表格的时候,只有当表格数据全部加载完成时才会显示给用户,如果我们把每行都加tbody标签,那么当每行数据加载完成时,加载完的数据就会显示到表格中,这样会使用户感觉更有亲和力。

     下面给出一个简单的例子,供大家参考,关于表格的学习,不能只停留在下面的例子,还要根据帮助文档和常见网站的布局多练习多体验,这样才能做到熟能生巧,才会变成牛人。什么是牛人?牛人就是把别人不愿意做的事情做了很多遍,于是便成了牛人。

例子:


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<table>

<tbody>

     <tr>

        <th>姓名</th><th>年龄</th>
<
th>性别</th>

</tr>

</tbody>

<tbody>

     <tr>

        <td>张三</td><td>13</td><td>女</td>

     </tr>

<tr>

        <td>李四</td><td>14</td><td>男</td>

     </tr>

     <tr>

        <td>王二</td><td>12</td><td>女</td>

</tr>

</tbody>

</table>

    运行完后发现,没有边框呢?嘿嘿,这就得需要用到table的属性了,太简单了,不介绍了,自己看着帮助文档实现吧。再见。

时间: 2024-10-12 20:03:36

DHTML【2】--HTML的相关文章

DHTML【9】--Javascript

      大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚.       好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东-Javascript. 初看Javascript有点头晕,因为名字中有个Java,Java似乎很难啊,学好那东东没有个几年是学不好的的啊,如果你有这样的心理那你就错了,Javascript是一种动态网页脚本语言,他和Java的关系就如同加州牛肉面和马华牛肉面之间的关系,虽然名字里都有牛肉面,都是做面起家的,但是两

DHTML【1】

        什么是DHTML呢?英文全称(Dynamic Hypertext Markup Language),即动态超文本标记语言,DHTML不是一个独立的新技术,而是多种技术的综合,它能使HTML变的更灵活.    DHTML都包括什么技术?DHTML包括HTML.Css.Javascript.DOM.    各个技术都负责什么东东呢?HTML负责将数据进行标签的封装:css负责美化标签:DOM负责将标签以及标签中的数据封装成对象:Javascript负责通过程序设计方式来操作这些对象.

DHTML【5】--HTML

    今天将介绍HTML的一些零碎知识,当然这些也很重要了,下面就一一介绍,虽然零碎,但是你以后肯定都会用得上,本来学习就是一点点的积累吗.       1.Select标签     Select标签一般都是用在省市选择的下拉列表,方便用户操作,也减少了(天津与天津市)种种错误的存在,既然这么常见,那么怎么用呢?用就看代码呗,千万别在Dreamweaver里拖控件,你可以利用里面的代码提示功能,但是代码一定要自己写,否则Java程序员又要说你只会拖控件了,好了不说废话了,见下面代码.    

DHTML【8】--CSS

    在讲HTML时说过,有个Style标签是在CSS里用的,是的,在HTML中添加CSS样式必须要用到Style,在标签里单独定义标签属性时用的是Style属性.上一节我们也说过,先不用管那个Style标签,那么这一节,我们就单独来解决这个Style标签.     看一看帮助文档,他是怎么说Style的,指定页面的样式表,Style 元素只能在 HTML 文档的 Head节内使用,那么究竟该怎么指定呢? 有三种方式,看下图:       最常用的要数第一层,外部引用,这样的化程序员和美工设计

DHTML【11】--DOM

       大家好,从今天开始,我们将进入DOM的学习.        DOM?DOM是何东东呢?大家还记得我在前面提过的DOM树吗?就是我在前面讲HTML的时候画的那个图,那个其实就是一个简单的DOM树,浏览器在解析HTML代码时,会生成这样一颗DOM树,然后将节点封装成对象,DOM树占用一定的内存空间,对执行效率有一定程度的影响,因此我们在使用时要注意DOM树的优化.        DOM语法全是Javascript语法,也写在script标签中,type格式也是text/javascri

DHTML【4】--HTML

    按照顺序,本节该介绍Dl标签了,在介绍Dl标签之前,我们必须要做的就是了解Dl标签是做什么用的,有什么用处,知道需求之后我们才能够更好的利用这个标签,什么样的程序算是好程序呢?只有用户觉得好的程序才是好程序,因为软件是给用户用的,所以我们要做的就是全心全意为用户服务,为用户服务就是让用操作方便.     Dl标签经常用做分级,体现一种分层关系,下层项目属于上层项目,下层项目间是平等关系,比如一个公司包含多个部门,而部门之间是平等关系.     Dl中包含Dt和Dd两个标签,Dt属于上层,

DHTML【7】--CSS

    本节将要介绍CSS的选择器,CSS有三种常用的选择器,还有三种扩展选择器,说到选择器,那么选择器是做什么用的呢?       上一节我们介绍CSS常用属性的时候,我们都是通过在标签内定义Style属性来介绍的,但是如果Style中的属性有很多,并且我们还要把相同类型的标签用同一个CSS样式来美化,我们总不能Copy代码吧,首先页面太乱,再者代码量大,在大型的网站开发中会影响执行效率,最后自己操作起来也很麻烦,遇到这个问题,我们改怎么解决呢?       这就是选择器要做的事情,我们可以先

DHTML【10】--Javascript

      大家好,这一节主要介绍Javascript的函数.函数是Javascript的核心中的核心,这么强调一点都不过分,相信没有人反对,如果有人反对,你以后可以不用函数,呵呵,说的有点绝了啊.        下面看一下Javascript定义函数的基本语法格式:       格式一:        function 函数名(m){            return m;        }      格式二:匿名函数       function (m,n){              

【转】Java I/O流概念分析整理

转载地址:http://blog.csdn.net/yuebinghaoyuan/article/details/7388059  Java中的流,可以从不同的角度进行分类. 按照数据流的方向不同可以分为:输入流和输出流. 按照处理数据单位不同可以分为:字节流和字符流. 按照实现功能不同可以分为:节点流和处理流. 输出流: 输入流: 因此输入和输出都是从程序的角度来说的. 字节流:一次读入或读出是8位二进制. 字符流:一次读入或读出是16位二进制. 字节流和字符流的原理是相同的,只不过处理的单位