html java web,JavaWeb之HTML

HTML: (Hyper Text Markuplanguage)超文本标记语言。

文本:相当于记事本里写的文字。展示信息

超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字。

语言:工具

标记:标签。

HTML是由标签所组成的语言,能展示超文本效果。

HTML是用来写网页的,是设计页面的基础。

步骤1: 创建文件,后缀名改为html或htm。

步骤2:用记事本打开,并编写文字。

步骤3:用浏览器打开。

这样打开和普通的记事本区别不大,为什么那?

因为想要实现超文本编辑,是需要加标签和属性的。

font:标签

color=“ ”:属性

red:属性值

这样就将字体变成了红色

HTML语言是由头和体组成

这是最标准的HTML格式,以后都要使用这样的格式。

< html >是HTML页面的开始,就相当于java类大括号。

< head >是页面的头部,存放的都是网页的说明性内容,例如标题。

< body >是页面的身体,需要展示给用户看的信息内容

示例:

和以前的内容是没什么变化,但是已经有了标题。

HTML文件的扩展名为html或者htm。Htm是老的命名规范,html 的新的。

HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。

HTML标签通常由开始标签和结束标签组成。例如:< font >内容体< /font >,开始标签和结束标签之间的内容叫做内容体。

HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如: < br/ > 自关闭。

HTML标签不区分大小写,为了方便阅读,建议使用小写。

HTML标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起。引号包含单引号和双引号,建议使用双引号。

HTML标签建议包裹嵌套,不建议交叉嵌套。

包裹嵌套:

html标签完全包裹了head标签

交叉嵌套:

交叉嵌套是不允许使用的

安装

使用

字体标签,用于展示效果中修饰文字样式。

< font >属性名=”属性值”>文字< /font >

size:控制字体大小。最小1——最大7。 如果设置范围不在1——7之间,设置无效。

color: 控制字体颜色。使用英文设置(例如: red,blue…) 。

face: 控制字体类型。只能设置系统字库中存在的字体类型。

示例:

运行结果:

现在有一页代码是李白的静夜思:

运行结果:

但是在运行时就变成了一整换,并没有段落,怎么办,向下看。

换行标签:< br/ >

HTML源码中换行,浏览器解析时会自动忽略。

换行标签,用于展示效果中换行。

示例:

运行结果:

一个标签就是一行

段落标签:< p >

段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行。

align:段落内容的对齐方式。

默认是left,内容居左。

Right居右。

Center居中。

示例:

运行结果:

标题标签:< h1 >

标题标签,用于展示效果中划分标题。

其中< h1 >最大,< h6 >最小。

空格符:&nbsp ;

HTML源码中的多个空格,效果中最终会合并成一个。

记住要分号结尾。

空格符号,用于展示效果中显-一个空白的位置。

HTML注释

用于注释HTML源码,不在HTML效果中展示。

格式: < !-- HTML注释内容 – >

用于在页面效果中展示一张图片,一般情况下都将图片放入项目中的img文件夹中。

src:指明图片的路径。(必有属性)。

图片路径的写法:

内网路径:

绝对路径:文件在硬盘上的具体位置。[不建议使用]

例如: C:\ JavaWeb001_ html\img\c_ 1.jpg.

相对路径:从使用者所在目录出发。[建议使用相对路径]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值