java web 5 HTML

HTML是HyperText Markup Language的英文缩写,一般常翻译为超文本标记语言,是用于描述网页形式一种语言。

HTML是标准通用标记语言下一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示网页中的各个部分。网页文件其实本身就是一种文本文件,它通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件,然后根据标记符解释并显示其标记的内容,对书写出错的标记一般浏览器不会指出标记的错误,并且不停滞其解释执行的过程,编制者只能通过显示效果来分析出错的原因和出错部分。

HTML之所以称为超文本标记语言,主要是因为文本中包含了所谓的“超级链接”点,超级链接就是一种URL指针,它定义了指向不同的网页或资源,通过点击它,可使浏览器方便地获取新的资源或者跳转到新的网页,这也是HTML获得广泛应用的最重要的原因之一。网页的本质就是HTML,通过结合使用其他的Web技术,就尅创造出功能强大的网页。因此HTML是web编程的基础,也就是说万维网是建立在超文本基础之上的。

   

HTML语言特点:

    HTML文档制作不是很复杂,但功能强大,支持不同数据格式的文件嵌入,这也是HTML盛行的原因之一。

    简易性HTML版本升级采用超集方式,从而更加灵活方便

    可拓展性,html语言的广泛应用带来了加强功能,增加标识符等要求,HMTL采取子类元素的方式,为系统拓展带来保证

    平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛地平台上

   

HTML文档的编写方法

    用HTML编写的超文本文档(以后就称为HTML文档或者网页)是非常简单的。HTML文档的编写方法主要由以下三种

       手工直接编写:比如记事本,存成.htm或者.html格式

       使用可视化HTML编译器编写:Frontpage、Dreamweaver等,通过这些工具可以制作出非常漂亮的HTML网页来,并且这些工具集成了很多快捷方式

        由WEB服务器(或称HTTP服务器)产生:这是一种实时动态地生成方法

   由HTML文档编写完成后,需要将HTML文档保存,对于HTML文档命名,特别提出需要注意一下几点

        后缀名.html

          无空格

            无特殊符号

           区分大小写

            首页文件名默认为:index.html


HTML文档结构

        对于每个HTML文档,都有如下的结构:

<HTML>   <!--HTML的开始标志-->

<HEAD><!--HTML的头部信息开始标志-->

<title></title>

<meta>

</HEAD>

<BODY>

HTML文件的正文

</BODY>

</HTML>

标记符<HTML>,说明该文件是用HTML来制作的,它是文件的开头标志;而</HTML>表示该HTML文件的结尾。<HTML></HTML>是成对出现的,他们是HTML文件的始标记和尾标记

<HEAD></HEAD>,这两个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题,序言和说明内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题的<title>和<meta>,其中标题标记用于定义网页的标题,它的内容显在网页窗口的标题栏中,网页标题可以被浏览器用作书签和收藏清单;而<meta>标记符是用来在HTML文档中模拟HTTP协议的响应头报文。

<BODY></BODY>,网页的正文,网页中显示的实际内容均包含在这两个正文标记符之间,分别标识正文的开始和结束。



<meta>标签中元素属性的使用

    在HTML文档结构中提到了<meta>标签,可以看到<meta>标签用于网页的<head>与</head>中,<meta>的属性有两种:name和http-equiv

1)name属性

    name属性主要用于描述网页,对应于content,以便于搜索引擎机器人查找,分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的descrip和keywords,所以在开发网站时建议给每页加一个meta值。下面介绍一下比较常用的name属性。

    <meta name="Generater" content="Java WEB ">




2.<body>标签中元素属性的使用

     <body>元素表明是HTML文档的主体部分。在<body>与</body>之间,通常都会有很多其他元素,这些元素和元素属性构成HTML文档的主体部分。下面介绍一下</body>元素中常见元素属性

        (1)bgcolor。bgcolor属性标志HTML文档的背景颜色。如bgcolor = “#CCFFCC”。HTML对颜色的控制也有自己的语法。HTML使用十六进制的RGB颜色值对颜色进行控制。十六进制的数码有:0,1,2,3,~f。对于颜色值可以查看RGB颜色对照表。

       (2)background。background属性标志HTML文档的背景图片。如:backgroun=“images/bg.gif”。可以使用的图片格式为GIF和JPG

       (3)



3.HTML界面元素

<html></html>创建一个HTML文档

<head></head>设置文档的标题和其他在网页中不显示的信息

 <title></title>设置文档的标题

 <hl></hl>最大的标题

<pre></pre>预先格式化文本

<u></u>下划线

<b></b>黑体字

<i></i>斜体字

<tt></tt>打字机风格的字体

<cite></cite>引用,通常是斜体

<em></em>强调文本(通常使斜体加黑体) 。

<strong></strong>加重文本(通常使斜体加黑体)

<font size = ""color=“”></font>设置字体大小从1~7,颜色使用名字或RGB的十六进制值

<BASEFONT></BASEFONT>基准字体标记

<big></big>字体加大

<SMALL></SAMLL>字体缩小

<STRIKE></STRIKE>加删除线


4.HTML文字元素

<CODE></CODE>程序代码

<KBD></KBD>键盘字

<SAMP></SAMP>范例

<VAR></VAR>变量

<BLOCKQUOTE>  </BLOCKQUOTE>   向右缩排



5.HTML段落元素

<p></p>创建一个段落

<p align= "">将段落按左,中,右对齐

<br/>定义新行


    

猜你喜欢

转载自blog.csdn.net/qq_36344771/article/details/80730135