HTML编程(网页的基本标签)

HTML编程环境准备

在讲解HTML编程之前我们要先将Java环境和浏览器建立连接
HTML编程(网页的基本标签)_第1张图片点击上图按钮进入设置,在设置界面搜索框中搜索web
HTML编程(网页的基本标签)_第2张图片点击Web Browers按钮,可以看到右边有多个浏览器选项
HTML编程(网页的基本标签)_第3张图片选中自己使用的浏览器,在后面Path中添加浏览器在计算机中的绝对路径,添加完成后保存设置,退出设置,之后浏览器就和环境建立好了连接,之后就可以在环境中编程,在浏览器界面中查看运行结果

HTML编程

和之前编写Java程序一样,先新建一个包,在包中建立HTML File文件,之后在文件中进行编程
HTML编程(网页的基本标签)_第4张图片在新建的HTML文件中可以看到自动生成的代码块:




    
    Title





这是HTML的基本结构,之后我们只需要按照自己的意愿在基本结构中添加内容来完善整个网页

HTML基本结构

  1. 基本结构:

    
    
    
    
    
    
    
    
    
    
    
    
    gb2312 ----> 包含全部的中文字符
    UTF-8 ---->包含了全世界所有地方的文字和符号
    
    
    Java code
    
    
    
    
    Hello,World!
    
    
    
    
    

运行程序:
HTML编程(网页的基本标签)_第5张图片将鼠标向右上角滑动,出现箭头所指的东西,选择之前建立连接的浏览器,点击运行程序,运行结果:
HTML编程(网页的基本标签)_第6张图片可以在网页看到我们自己设置的标题内容

< title > 标签 : 网页的标题标签

< meta > 标签 : 关键字标签





  1. HTML注释:
    使用快捷键Ctrl+/生成注释格式,在中间添加需要的注释

网页基本标签

  1. 标题标签:

代码示例:





标题标签

 	





1级标题

2级标题

3级标题

4级标题

5级标题
6级标题

运行结果:
HTML编程(网页的基本标签)_第7张图片可以看到标题等级不同标题字体大小也不同

  1. 段落标签:

代码示例:





标题标签



		

段落标签

两只老虎 两只老虎

跑得快 跑得快

一只没有耳朵 一只没有尾巴 哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或 或哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或或

真奇怪 真奇怪

两只老虎 两只老虎

跑得快 跑得快

一只没有耳朵 一只没有尾巴

真奇怪 真奇怪

运行结果:
HTML编程(网页的基本标签)_第8张图片
可以看到根据段落标签划分的段落,在一段中两句话之间不论有多少个空格,但显示的只有一个空格

  1. 换行标签:

代码示例:





标题标签





换行标签

两只老虎 两只老虎
跑得快 跑得快
一只没有耳朵 一只没有尾巴
真奇怪 真奇怪
两只老虎 两只老虎
跑得快 跑得快
一只没有耳朵 一只没有尾巴
真奇怪 真奇怪

HTML编程(网页的基本标签)_第9张图片和段落标签去除多余空格一样,但是这只是换行,并不划分段落

  1. 水平线标签

代码示例:





水平线标签





水平线标签


两只老虎 两只老虎
跑得快 跑得快
一只没有耳朵 一只没有尾巴
真奇怪 真奇怪
两只老虎 两只老虎
跑得快 跑得快
一只没有耳朵 一只没有尾巴
真奇怪 真奇怪

HTML编程(网页的基本标签)_第10张图片可以看到在标题后面加上了一条水平线

  1. 字体标签

代码示例:




    
    字体样式标签






字体样式

I love you 加粗后 : I love you 斜体 : I love you

HTML编程(网页的基本标签)_第11张图片可以看到加了字体样式标签后的字体和原字体的变化,因为没有加换行符,所以三句话都在一行

  1. 特殊符号

HTML中的特殊字符的格式为:& + 符号字符 + 分号结束

代码示例:




    
    字体样式标签




特殊符号

大于号 : >

小于号 : <

空格 : 你 好 | 你          好

引号 : ""

版权符号 : © 版权所有葫芦娃

HTML编程(网页的基本标签)_第12张图片可以看到每个特殊符号在编写程序时应该如何表示

这里需要注意空格,在编写HTML程序时,无论有多少个空格,在显示时只会打印一个空格,要是想显示多个空格,就需要使用 来增加空格符的数量

你可能感兴趣的:(新手求指教,求一起探讨,Java,HTML)