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

简介: 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:

1666432152401.jpg

1666432165881.jpg


代码如下


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

开发实例2:

1666432196384.jpg

代码如下


<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:

1666432222274.jpg

代码如下


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


开发实例4:

1666432251190.jpg

代码如下

<html> 
      <head>
             <title>无序列表标记</title>
          </head>
         <body>
         编程词典有以下几个品种
      <p>
      <ol>
           <li>JAVA 编程词典
           <li>  VB编程词典
           <li>VC编程词典
           <li>.net编程词典
           <li>c#编程词典
       </ul>
</body>
</html>
相关文章
|
存储 Oracle Java
java零基础学习者入门课程
本课程为Java零基础入门教程,涵盖环境搭建、变量、运算符、条件循环、数组及面向对象基础,每讲配示例代码与实践建议,助你循序渐进掌握核心知识,轻松迈入Java编程世界。
969 0
|
Java 开发工具
【Azure Storage Account】Java Code访问Storage Account File Share的上传和下载代码示例
本文介绍如何使用Java通过azure-storage-file-share SDK实现Azure文件共享的上传下载。包含依赖引入、客户端创建及完整示例代码,助你快速集成Azure File Share功能。
805 6
|
Java 数据处理 API
为什么你的Java代码应该多用Stream?从循环到声明式的思维转变
为什么你的Java代码应该多用Stream?从循环到声明式的思维转变
492 115
|
安全 Java 编译器
为什么你的Java代码需要泛型?类型安全的艺术
为什么你的Java代码需要泛型?类型安全的艺术
389 98
|
Java 编译器 API
java最新版和java8的区别,用代码展示
java最新版和java8的区别,用代码展示
811 43
|
安全 Java 容器
告别空指针噩梦:Optional让Java代码更优雅
告别空指针噩梦:Optional让Java代码更优雅
611 94
|
安全 Java 容器
告别繁琐判空:Optional让你的Java代码更优雅
告别繁琐判空:Optional让你的Java代码更优雅
|
IDE Java 关系型数据库
Java 初学者学习路线(含代码示例)
本教程为Java初学者设计,涵盖基础语法、面向对象、集合、异常处理、文件操作、多线程、JDBC、Servlet及MyBatis等内容,每阶段配核心代码示例,强调动手实践,助你循序渐进掌握Java编程。
1483 3
|
安全 Java 应用服务中间件
Spring Boot + Java 21:内存减少 60%,启动速度提高 30% — 零代码
通过调整三个JVM和Spring Boot配置开关,无需重写代码即可显著优化Java应用性能:内存减少60%,启动速度提升30%。适用于所有在JVM上运行API的生产团队,低成本实现高效能。
1421 3