JAVA WBE入门之HTML的使用(超详细,必看)附实例和代码

网页设计中不得不提的就是HTML标记语言,HTML的全称是超文本标记语言。

tips:网页中可以通过ctrl+u查看网页源代码

编写HTML文件可以通过两种方式,一种是手工编写HTML代码,另一种是借助一些开发工具如Dreamweaver或者Expression web等等 当然在windows操作系统中最简单的还是记事本

当然用记事本写的时候保存方式记得加上后缀html这样才能保存为网页

HTML文档结构

1:<html>标记 是HTML文件的头标记, 所有HTML文件以它开头,以</html>标记结尾 其余所有标记都放在他们两个之间

2:<head>是HTML文件的头标记 作用是防止HTML文件的信息 同样以</head>结尾

3:<title>为标题标记,可将网页的标题定义在<title>与</title>之间

4:<body>是HTML页面的主体标记,页面中所有内容都定义在body标记中,同样以</body>结束

HTML常用标记 

1:换行标记 HTML中输入换行键是没用的 换行时要输入<br>

2:  段落标记 段落标记以<p>开头然后以</p>结束

3:标题标记  在HTML实现不同级别的标题,分别为<h1>~~<h6> 数字越小 级别越高 文字的字号也就越大

4:  居中标记 想要居中的内容以<center>开头以</center>结尾

5:文字列表标记  

5.1:无序列表 在每个列表项前面添加一个圆点符号,通过符号<ul>可以创建一组无序列表,其实每个列表项以<li>表示

5.2:有序列表用符号<ol>表示 每个列表项同样用<li>表示

开发实例1:

 

 代码如下

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

开发实例2:

代码如下

<html>
      <head>
      <title>设置标题标记</title>
       </head>
       <body>
         <center>
        <h1>java开发得三个方向</h1>
        <h2>java SE</h2>
         <p>主要用于桌面程序得开发,他是学习JAVA EE和JAVA ME得基础 也是本书得基础内容</p>
         <h2>JAVA EE</h2>
         <p>主要用于网页程序得开发,随着互联网得发展 越来越多得企业使用java语言开发自己得网页</p>
         <h2>java me</h2>
         <p>主要用于嵌入式系统程序的开发</p>
         </center>
       </body>
</html>

 开发实例3:

代码如下


<html> 
      <head>
             <title>无序列表标记</title>
          </head>
         <body>
         编程词典有以下几个品种
      <p>
      <ul>
           <li>JAVA 编程词典
           <li>  VB编程词典
           <li>VC编程词典
           <li>.net编程词典
           <li>c#编程词典
       </ul>
</body>
</html>

 开发实例4:

 代码如下



<html> 
      <head>
             <title>无序列表标记</title>
          </head>
         <body>
         编程词典有以下几个品种
      <p>
      <ol>
           <li>JAVA 编程词典
           <li>  VB编程词典
           <li>VC编程词典
           <li>.net编程词典
           <li>c#编程词典
       </ul>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/jiebaoshayebuhui/article/details/127049054
今日推荐