两千人站长交流群:462137404 / VIP用户交流群:462197261 收藏本站哈站网 zhan.ha.cn 精品建站资源第一站,让建站变得更加容易!
业务咨询:78895949 联系电话:13402647354
  • 当前位置:
  • HTML基本结构_动力节点Java学院整理

    Html实例2018年05月30日关键词:

    很多时候学网页制作开发的时候第一看到的印象深刻的就是html或htm后缀结尾的网页,我们把这类网页归结为静态网页,伪静态除外。

    那html或htm与其它如php、asp、aspx、jsp等后缀结尾的网页有什么区别呢?

    首先,html页面是静态的从头到尾没有程序的执行是纯的html语言,是不经过服务器处理就直接送出给浏览器呈现给浏览者。
    而其他后缀的结尾的网页相对来说就是动态网页页面,动态页面是经过服务器对各自的程序翻译处理、数据库操作等处理然后才由浏览器把服务器处理完的数据程序给用户,而网页内容数据可以随后台数据改变而改变。

    那html基本语言机构是怎么样的呢?

    先看一下的html结构:

     <html> <head> <title>放置文章标题</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //这里是网页编码现在是gb2312 <meta name="keywords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> </head> <body> 这里就是正文内容 </body> </html> 

    完整HTML包括html DOCTYPE声明、title标题、head、网页编码声明等内容

    最初使用完整的html源代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 0 Transitional//EN" "http://wwwworg/TR/xhtml1/DTD/xhtml1-transitionaldtd"> <html xmlns="http://wwwworg/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>标题部分-动力节点</title> <meta name="keywords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> </head> <body> 内容 </body> </html> 

    最新完整HTML结构-HTML源代码(推荐):

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>网页标题</title> <meta name="keywords" content="关键字" /> <meta name="description" content="此网页描述" /> </head> <body> 网页正文内容</body> </html> 

    无论是html还是其它后缀的动态页面其html语言结构都是这样的,只是在命名网页文件时以不同的后缀结尾。

    1、无论是动态还是静态页面都是以“<html>”开始,然后在网页最后以“</html>”结尾。

    2、“<html>”后接着是“<head>”页头,其在<head></head>中的内容是在浏览器中内容无法显示的,这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域,而里面“<title></title>”中放置的是网页标题。

    3、接着“<meta name="keywords" content="关键字" /> <meta name="description" content="本页描述或关键字描述" /> ”这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。

    4、接着就是正文“<body></body> ”也就是常说的body区 ,这里放置的内容就可以通过浏览器呈现给用户,其内容可以是table表格布局格式内容,也可以DIV布局的内容,也可以直接是文字。这里也是最主要区域,网页的内容呈现区。

    5、最后是以“</html> ”结尾,也就是网页闭合。

    以上是一个完整的最简单的html语言基本结构,通过以上可以再增加更多的样式和内容充实网页。
    注意:网页一般的根据xhtml标准都要求每个标签闭合,如:以<html> 开始,以</html>闭合;如果没有闭合如<meta name="keywords" content="关键字" />就没有</meta> 就要<meta  />来完成闭合。

    以上就是通俗来讲的最简单的html语言结构,如果需要看更多更丰富的html语言结构,可打开一个网站的网页,然后点击浏览器的“查看”–然后点击“查看源代码”即可看见该网页的html语言结构,这样可以根据此源代码来分析此网页的HTML语言结构与内容。  

    其他网友正在看:
    HTML表单_动力节点Java学院整理

    一、表单 1.表单的作用HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。2.表单的工作机制  3.表单定义(<form></form>标签) HTML表单是一个包含表单元素的区域, 表单使用<form> 标签创建。···

    2018-05-30关键词:

    关于html的表单元素详解(二)

    HTML Input 属性value 属性value 属性规定输入字段的初始值:<form action=""><input type="text" name="name" value="脚本之家"></form> readonly 属性readonly 属性规定输入字段为只读(不能修改):&···

    2018-05-30关键词:

    html插入链接的实现方法

    每个网页都已一个地址,用URL()标识,通常在网站内部创建链接时,通常使用相对地址内部链接XML/HTML Code复制内容到剪贴板<a href="链接地址" target="目标窗口的打开方式(-self,-blank,-top,-parent)"> 说明文字 </a&···

    2018-05-30关键词:

    XHTML中的超链接标签使用教程

    超链接,也叫“链接”。超链接在我们浏览的网页上可以说是无处不在,我们点击网页上某个链接地址,即链接到另一个网页,这就是超链接在起作用。使用 <a></a> 标签来定义超链接,语法:<a href="url">显示的文字或图片</a>例子:···

    2018-05-30关键词:

    关于表格table嵌套,边框合并问题的解决方法

    【问题】外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】:外表格样式:<table border="1" cellspacing="0" cellpadding="0" st···

    2018-05-30关键词:

    详解HTML常用的标签中行内元素和块级元素

    块元素(block element) HTML标签分类明细     * address – 地址     * blockquote – 块引用     * center – 举中对齐块     * dir – 目录列表     * div ̵···

    2018-05-30关键词: