html的常用基础应用

时间:2023-03-08 19:47:00

HTML结构   
如下一段最简单的HTML代码:

<html>
     <head>
          <title>HTML页面</title>
     </head>
     <body>
          <b>
               应用记事本编写HTML代码
          </b>
     </body>
</html>

需要首先注意的是,html使用标签来告诉浏览器页面展现的样式以及自身的一些信息,大多数标签是成对出现的。下面详细介绍各类标签的作用。

    <html> :所有的HTML文件都是以<html>标记开头,以</html>结束。HTML的所有标记内容都要放置在<html>和</html>中间。<html>标记没有实质的内容,但是不可缺少。
    <head> :<head>是HTML文件的头标记。主要是放置一些HTML全局的一些信息。如定义CSS样式可以放置在<head>与</head>标记中。注:CSS主要用来定义html中的全局范围的样式,否则需要在html中每一处都引入详细的样式,css的作用有点类似于函数的作用,目的是样式复用。
    <title> :<title>标记为标题标记。可将网页的标题定义在<title>与</title>标记中。
    <body> :<body>是HTML页面的主体标记,页面的中的所有具体内容都定义在该标记中,<body>标记本身也具有控制页面的一些特性,如控制页面的背景图片和颜色等。

HTML常用标记

    <p> :段落标记以<p>标记开头,以</p>标记结束。段落标记在段前和段后各添加一个空行,而定义在段落标记中的内容,不受该标记的影响。
    <h1>-<h6> :如果需要不同级别的标题,则要使用该标题标记。在HTML标记中,设定了6个标题标记,分别为<h1>至<h6>,数字越小,级别越高,文字的字体就越大。

上面两个标记的示例:

<html>
     <head>
          <title>设置标题标记</title>
     </head>
     <body>
          <h1>Java开发的3个方向</h1>
          <h2>Java SE</h2>
          <p>主要用于桌面程序的开发。它时学习Java EE和Java ME的基础,也是本书的重点内容</p>

/>          <h2>Java EE</h2>
          <p>主要用于网页程序的开发。随着互联网的发展,越来越多的企业使用Java语言来开发自己的官方网站               </p>
          <h2>Java ME</h2>
          <p>主要用于嵌入式系统程序的开发</p>
     </body>
     <center>与</center> :html默认的布局方式是从左到右依次排序。如果想让页面中的内容在页面的居中位置显示,可以使用html中的<center>标记。<center>标记以<center>标记开头,以</center>标记结尾。标记中的内容为居中显示。

上面两个标记的示例:

<html>
     <head>
     </head>
     <body>
          <center>
               <H1>正在测试居中</H1>
               我要测试换行</br>已换行
               </center>
          </body>
</html>